私はこのようなリストを持っています
<ul>
<li class="expandable">Game
<ul>
<li>Action</li>
<li>RPG</li>
</ul>
</li>
<li class="expandable">BBS
<ul>
<li class="expandable">Group 1
<ul>
<li>Board 1</li>
<li>Board 2</li>
</ul>
</li>
<li class="expandable">Group 2
<ul>
<li>Board 1</li>
</ul>
</li>
</ul>
</li>
</ul>
リストを折りたたむためのいくつかのJQueryコード。
$('li.expandable').click(function() {
$(this).children('ul').toggle();
});
たとえば、「ゲーム」のようなものは問題なく動作します。ただし、グループ1などのBBSの下にあるネストされたリストのいずれかをクリックすると、グループ1と2がBBSに折りたたまれます。BBSをクリックすると、リストが再び展開され、グループ1が折りたたまれていることが示されます。これに対する簡単な解決策はありますか?