首页 文章

用于展开和折叠所有jQuery手风琴的按钮

提问于
浏览 次
0

我有一个简单的jQuery手风琴，它需要一个顶部的按钮来“展开/折叠全部” .

到目前为止我已经完成了它，除了某些项目已经显示，点击按钮，“其他”项目展开/折叠 - 留下已经打开的项目相反 .

我需要找到一些基本上会关闭并重新打开所有项目的重置，反之亦然 .

请参阅下面的代码了解手风琴和折叠：

<script type="text/javascript">
(function($) {
    $(function() {
        $(".faq-accordion > div").accordion({ header: "h4", collapsible: true, active: false, speed: 10000, });
    })
})(jQuery);
</script>

<script>
$(document).ready(function() {
$('.show-all-applying').click(function() {
    $('.faq-accordion div div').slideToggle("fast");
});
});
</script>

谢谢！

编辑：Here is a JSFiddle显示到目前为止的所有内容（内容已更改）

问题是我需要：

  • 使'show all'按钮在第二次单击时也隐藏所有内容 .

  • 点击关闭时的问题有时需要点击两次，不确定原因 .

javascript jquery accordion jquery-ui-accordion

1 回答

  • 0

    不要使用 slideToggle() ，而是使用 slideUp() ;）

    SlideToggel将滑动向上的东西和所有向下的东西 .

    你希望一切都向上滑动，所以使用slideUp（）

    EDIT ：我修改了你的jsfiddle，让它运转起来 . 当用户单击按钮'show all'时，它将检查文本是什么 . 所以在这种情况下'show all'并且它将全部slideDown . 然后它将文本更改为'hide all' . 如果用户点击'hide all'，它将全部滑动 . 如果你在这种情况下使用slideToggle，如果用户点击一个问题 Headers ，它也会起作用 BUT ，然后它会打开，然后点击该节目，它将点击所有其他的问题 Headers 并打开所有其他 Headers ！

    WORKING FIDDLE

    回复于

相关问题