Home > HP作成講座 > 文字系タグ > ツリーメニュー
●ツリーメニュー
サンプル
クリックしてみて下さい
画像・リンクなども付けることが出来ます。
*補足*
クリック時に表示する物は文字に限らず、
画像やリンクなど大体のものを表示する事が出来ます。
ツリーメニューを増やしたい場合は、
<span class="list" onclick="expand(a);">最初に表示する文字</span>
<div id="a" style="display:none">クリック時に出る文字</div>
を増やすだけでいくつでも増やす事ができます。
その際には、aという所をそれぞれ別の
半角英文字に書き換えて下さい。
*例*
<span class="list" onclick="expand(a);">テスト１</span>
<div id="a" style="display:none">結果２</div>
<br>
<span class="list" onclick="expand(b);">テスト２</span>
<div id="b" style="display:none">結果２</div>
*反映結果*
テスト１
結果１
テスト２
結果２