0

我在 jsFiddle http://jsfiddle.net/3fp4Q/8/有以下代码，并且无法缝合以使其正常工作。我希望在单击标题时显示（切换）书籍和袜子的列表。非常感谢任何帮助。谢谢

HTML：

<div id="accordion">

<h2>Books</h2>

<ul>
    <li>Book 1</li>
    <li>Book 2</li>
    <li>Book 3</li>
    <li>Book 4</li>
</ul>

<h2>Socks</h2>

<ul>
    <li>Sock 1</li>
    <li>Sock 2</li>
    <li>Sock 3</li>
    <li>Sock 4</li>
</ul>
</div>

JS：

jQuery(document).ready(function(){
jQuery("#accordion").find("ul").css("display", "none");
jQuery("#accordion").find("h2").on("click", function(){
        jQuery(this).find("ul").slideToggle();
});
});
4

2 回答 2

1

按原样使用.next() ulh2

jQuery(this).next("ul").slideToggle();
于 2013-05-31T20:06:36.257 回答
1

检查这个小提琴

ulh2不是因此它不起作用的子元素。

于 2013-05-31T20:08:39.213 回答