javascript - Jquery Accordion 不会保持折叠状态

Question

也许有人有同样的问题 - 我有一个关于崩溃的小问题。我已经和其他几篇文章一起读过这篇文章 How do I keep jQuery UI Accordion collapsed by default? ，但我似乎无法让它默认折叠 - 我设法保持打开状态，但无法让我的头脑围绕可折叠的 true 和 active false 。我的目标是拥有它，这样当您单击下一个 Accordion 时，前一个 Accordion 就会自动关闭。

这是 Accordion js fiddle 链接:

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();
                });
            });

任何有关类似问题的建议或链接都​​非常友善!

周五快乐!

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 中的所有这些问题，并将内联样式移至样式表