Jquery 手风琴不会保持折叠状态

Question

也许有人遇到了同样的问题 - 我遇到了崩溃的小问题。我已经阅读了这篇文章以及其他几篇文章 How do I keep jQuery UI Accordion collapsed by default? ，但我似乎无法默认将其折叠 - 我设法做到了以保持打开状态，但无法理解可折叠的 true 和 active 的 false。我的目标是拥有它，因此当您单击下一个手风琴时，上一个手风琴会自动关闭。

这是手风琴 js fiddle link:

https://jsfiddle.net/limtu/gnhgdxrm/

                $(document).ready(function(){
                $('#original .head').click(function(e){
                    e.preventDefault();
                    $(this).closest('li').find('.content').slideToggle();
                });

                $('#improved .head').click(function(e){
                    e.preventDefault();
                    $(this).closest('li').find('.content').not(':animated').slideToggle();
                });
            });

任何类似问题的建议或 link 都非常感谢！

周五快乐！

Answer 1

jsFiddle

$(document).ready(function(){

    var $contents = $("#improved").find(".content"); // Cache your slideable elements

    $('#improved .head').click(function(e){
        e.preventDefault();
        $contents.stop().slideUp(); // Slide up all
        $(this).closest('li').find('.content').stop().slideToggle(); // Toggle one
    });
});

并修复 HTML 中的所有内容并将内联样式移至样式表

Jquery 手风琴不会保持折叠状态

Jquery accordion wont stay collasped

javascript

jquery

accordion