No.1ベストアンサー
- 回答日時:
サンプルです。
こういうやつですか???ちなみに、JavaScriptです。
'********** ここから **********
<script language="javascript">
<!--
var tFrom;
var visible = false;
var block = false;
var chrTree = "+";
function changeVis(objMenu, objTree)
{
if (visible) {
visible = false;
block = false;
chrTree = "+";
} else {
visible = true;
block = true;
chrTree = "-";
}
tFrom = document.all(objMenu);
tFrom.innerText = chrTree + tFrom.innerText.substring(1, tFrom.length);
document.all(objTree).style.visibility=(visible?"visible":"hidden");
document.all(objTree).style.display=(block?"block":"none");
}
//-->
</script>
<TABLE><TR>
<TD><DIV id="menu1">+</DIV></TD>
<TD><DIV><A href="#" onClick="changeVis('menu1', 'tree1')">メニュー1</A></DIV></TD>
</TR></TABLE>
<DIV id="tree1" STYLE='visibility:hidden;display:none'>
├ <A href="#">コンテンツ1-1</A><BR>
├ <A href="#">コンテンツ1-2</A><BR>
├ <A href="#">コンテンツ1-3</A><BR>
└ <A href="#">コンテンツ1-4</A>
</DIV>
<TABLE><TR>
<TD><DIV id="menu2">+</DIV></TD>
<TD><DIV><A href="#" onClick="changeVis('menu2', 'tree2')">メニュー2</A></DIV></TD>
</TR></TABLE>
<DIV id="tree2" STYLE='visibility:hidden;display:none'>
├ <A href="#">コンテンツ2-1</A><BR>
├ <A href="#">コンテンツ2-2</A><BR>
├ <A href="#">コンテンツ2-3</A><BR>
└ <A href="#">コンテンツ2-4</A>
</DIV>
'********** ここまで **********
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
URLを直で載せるのではなく...
-
pythonのWebスクレイピングでfi...
-
HTMLソースからURLだけを抜き出...
-
リンクに飛ばない・・・
-
Canvasを使って描画して面積取得
-
JAVAでリンクボタンを作成して...
-
bodyにidをつける理由は何ですか?
-
JavaScriptでiframeの内容を「...
-
javascriptで変数を組み込みたい
-
スマホ上で、左右スワイプで次...
-
iframeの高さ自動調整
-
別ファイルのfunctionの読み込み方
-
jQueryサンプルを使用したCSSで...
-
ハイパーリンクに下線を表示す...
-
$.ajaxのscriptCharsetについて
-
外部読み込みJSファイルで読み...
-
JavascriptとJqueryを混在し記述
-
JavaScript内からJavaScriptを...
-
htmlソースの取得方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
HTMLソースからURLだけを抜き出...
-
html メールリンクにて自動ファ...
-
pythonのWebスクレイピングでfi...
-
相対パスと絶対パスの速度
-
lightwindowでPDFを表示させる...
-
時間によってリンク先を変える...
-
POSTで<a hrefを送る方法について
-
個別にハイパーリンクの色を指...
-
UWSCでインナーテキストが...
-
エクスプローラ風階層構造のhtml
-
階層構造のメニューの表示
-
<a href>での背景色について。
-
iPadのロングタップ(長押し)...
-
ある一定時間操作していない場...
-
フレームだけ閉じる方法ありま...
-
一つの行にURLが複数ある場合の...
-
URLでEXEを呼出した際の、引数...
-
読み込むたびにリンクを変える方法
-
コードの意味がわからないです。
おすすめ情報