通过jQuery ui手风琴隐藏所有身体

Question

我在我的html结构上尝试手风琴菜单，但我遇到了问题。我想要，在关闭模式时隐藏所有身体，当点击标题div获取所有身体元素。但你可以看到这个链接：

http://jsfiddle.net/Rochefort/yF9bB/

Answer 1

您可以使用nextAll()来选择所有兄弟姐妹。正如@Ales指出的那样，你只选择thead元素并切换它。 这是我认为您正在寻找http://jsfiddle.net/yF9bB/1/

的更新小提琴

jQuery(document).ready(function(){
    $('caption').click(function() {
        $(this).nextAll().toggle('slow');
        return false;
    });
});​

Answer 2

您正在隐藏“next”标记，即<thead>。 考虑从表中分离<caption>然后它将隐藏整个表。 否则，您无法同时选择thead和tbody来对其应用jquery切换。