以下の構造の多層リストがあります。アイコンを動的に変更する方法は知っていますが、リストの構造により、最上位のリストは動的に変更されません。p class='handle'のクリックイベントから最初のulを参照する方法が必要です。JSfiddleの完全なセットアップはこちらhttp://jsfiddle.net/Gwbfd/
$(document).ready(function(){
$('.drawer').hide();
$('.handle').click(function(){
$(this).parent().children().not(this).slideToggle('slow');
});
});
必要なのは親への参照ul
です。
リストの構造は、UL LI P(クリック可能)UL LI P(クリック可能第2層)です。
をクリックしても、最初のULを変更できません<P>
。後続のものは変更されます
何かのようなもの
$(this).parent().toggleClass('expanded');