Question

也许有人有同样的问题 - 我有一个崩溃的小问题。我已经和其他几个人How do I keep jQuery UI Accordion collapsed by default?一起阅读了这篇文章，但我似乎无法让它在默认情况下崩溃 - 我设法做到这一点保持开放，但无法理解我的想法可折叠的真实和积极的错误。我的目标是当你点击下一个手风琴时，前一个手风琴会自动关闭。

这是手风琴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中的所有内容并将内联样式移动到样式表

Jquery手风琴不会保持collasped

1 个答案: