※ ChatGPTを利用し、要約された質問です(原文:カテゴリをクリックして、リンク先一覧を表示させたい)
リンクページの作成方法について
このQ&Aのポイント
カテゴリをクリックして、リンク先一覧を表示させたい
テーブル内のカテゴリをクリックすると、別テーブルにリンク先一覧を表示させるような、リンクページを作りたい
リンク2をクリックしたらリンク1で表示させたリンク先一覧と入れ替えで、リンク先を表示させたいのですが、やり方が分かる方いらしたら、ご教授お願いします
カテゴリをクリックして、リンク先一覧を表示させたい
テーブル内のカテゴリをクリックすると、別テーブルにリンク先一覧を表示させるような、リンクページを作りたいのですが、下記のように組むと、
「リンク1」をクリック→別テーブルにちゃんとリンク先一覧が表示される。
次に「リンク2」をクリックすると「リンク1」のリンク先一覧の下に「リンク2」のリンク先一覧も表示されてしまう。
しかも2回クリックしないと表示されません(泣
「リンク2」をクリックしたら「リンク1」で表示させたリンク先一覧と入れ替えで、リンク先を表示させたいのですが、やり方が分かる方いらしたら、ご教授お願いします。
<HEAD>
<SCRIPT language="JavaScript">
<!--
// プルダウンメニュー
flag = false;
function pullDown01() {
if(flag) ID01.style.visibility = "hidden";
else ID01.style.visibility = "visible";
flag = !flag;
}
function pullDown02() {
if(flag) ID02.style.visibility = "hidden";
else ID02.style.visibility = "visible";
flag = !flag;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<TABLE border="1">
<TBODY>
<TR>
<TD><A href="javaScript:pullDown01()">リンク1</a><BR>
<BR>
<A href="javaScript:pullDown02()">リンク2</a><BR>
</TD>
<TD style="width:380px;height:190px">
<DIV id="ID01" style="visibility: hidden;">
<A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR>
</DIV>
<DIV id="ID02" style="visibility: hidden;">
<A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
お礼
ありがとうございます! <HEAD></HEAD>内をいじればいい気はしてたのですが なんと記述して良いのか全くわからなかったので 助かりました!