jQuery手风琴不会陷入困境

Question

也许有人遇到相同的问题-我的崩溃问题很小。 我已经阅读了这篇文章以及其他一些文章， 如何默认使jQuery UI Accordion保持折叠状态？ ，但我似乎无法默认将其折叠起来-我已经设法使其保持打开状态，但无法绕开可折叠的true和active false。 我的目标是拥有它，因此当您单击下一个手风琴时，上一个手风琴会自动关闭。

这是手风琴js小提琴链接：

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中的所有内容，然后将内嵌样式移至样式表