次の構造を取得しました: - ネストされた UL
<ul>
<li>Category 1
<ul>
<li> Category 1.1</li>
<li> Category 1.2</li>
<li> Category 1.3</li>
</ul>
</li>
<li> Category 2
<ul>
<li>Category 2.1</li>
<li>Category 2.2</li>
<li>Category 2.3</li>
</ul>
</li>
<li>Category 3
<ul>
<li>Category 3.1</li>
<li>Category 3.2</li>
<li>Category 3.3</li>
</ul>
</li>
CSSでルールを適用しました:
ul{
list-style: none;
padding:0;
margin:0;
}
ul ul{
display:none;
}
MAIN カテゴリのみが表示されます。
私がやろうとしていたのは、ユーザーがカテゴリ 1/2/3 をクリックするたびに、それ<ul>
が表示されるということです。私はこのコードを試しました:
$(document).ready(function() {
$("ul li").click(function() {
$(this + "ul").Slidedown(800);
});
});
まあ、基本的には<ul
main 内にある要素を選択しようとしていました<ul>
。
どうすればいいのですか?