用於在jQuery手風琴上全部展開和折疊的按鈕

Question

我有一個簡單的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>

謝謝！

編輯： 這是一個JSFiddle，顯示到目前為止的所有內容（內容已更改）

問題是我需要：

1. 再次單擊后，使“顯示全部”按鈕也隱藏所有內容。
2. 單擊關閉時的問題有時需要單擊兩次，但不確定為什么。

Answer 1

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

SlideToggel會滑動向上和向下的所有東西。

您希望所有內容都向上滑動，因此請使用slideUp（）

編輯 ：我修改了您的jsfiddle，並使其工作。 當用戶單擊“全部顯示”按鈕時，它將檢查文本是什么。 因此，在這種情況下，“顯示全部”，所有內容都將下滑。 然后，它將文本更改為“全部隱藏”。 如果用戶單擊“全部隱藏”，它將全部滑動。 如果在這種情況下使用的slideToggle，它也將工作， 但如果用戶點擊一個問題的標題，和它打開，然后點擊了顯示所有，將關閉被點擊的問題標題和打開所有的人！

工作場所