Javascript jQuery手风琴

我们的html:

<ul class="accordion">
 <li>
  <h2 class="a-head">head 1</h2>
  <div class="a-body">body 1</div>
 </li>
 <li>
  <h2 class="a-head">head 2</h2>
  <div class="a-body">body 2</div>
 </li>
 <li>
  <h2 class="a-head">head 3</h2>
  <div class="a-body">body 3</div>
 </li>
</ul>

$(".accordion .a-head").click(function()
{
    $(this).css({backgroundColor:"#ccc"}).next(".a-body").slideToggle().siblings(".a-body").slideUp();
    $(this).siblings().css({backgroundColor:"#fff"});
});

如果我移除

，这个手风琴就开始工作了如何使其与当前代码一起工作？

实际上，问题出在

.sibbines（）

中

谢谢。

这是你想要的吗 如果为“a-body”元素放置一个容器，可能会更简单。现在，请逐一播放幻灯片。

我可以为您提供以下内容：

jQuery： css:

---

.

问题标题与实际问题无关。我差一点就投票决定以离题结束。我用你们的代码创建了一个网站，它似乎运行得很好，有了

s。我在“头2”下面加了第二个

div

，这并没有达到我的预期，但这不是你的问题。@Stephen P没有手风琴effect@Happy“你的意思是说我根本不存在吗？@Happy-Oh！当然我的大脑显然崩溃了。是的，它会从标题中滑动“打开/关闭”分区，但在单击打开另一个分区时不会关闭另一个分区。好吧，至少现在有小提琴了。

$('li h2.a-head').click(
    function(){
        $(this).closest('ul').find('div.a-body').slideUp(400);
        $(this).closest('li').find('div.a-body').slideToggle(400);
    });

li div.a-body {
    display: none;
}