jquery - 通过 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

您正在隐藏“下一个”标签，即<thead>. 考虑<caption>从表中分离，然后它将隐藏整个表。否则，您不能同时选择 thead 和 tbody 以在其上应用 jquery 切换。