Jquery手风琴不会保持崩溃答案

【问题标题】：Jquery accordion wont stay collaspedJquery手风琴不会保持崩溃
【发布时间】：2016-02-28 18:40:05
【问题描述】：

也许有人有同样的问题 - 我有一个崩溃的小问题。我已经和其他几篇文章一起阅读了这篇文章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();
                });
            });

任何类似问题的建议或链接都非常好！

星期五快乐！

【问题讨论】：

... 将所有&nbsp 替换为&nbsp;
</div></li></ul> 永远不能紧跟在<body> 之后
我更新了您的 fiddle 以将 CSS 和 JavaScript 移动到正确的设计象限。通常，您不想将整个代码复制并粘贴到 jsfiddle 的 HTML 部分。
不要使用内联 CSS，否则如果您只想更改单个图像样式，则需要在 10 个位置而不是一个（在您的样式表中）进行
感谢您的 cmets 和更正，我不知道之后的分号

标签： javascript jquery accordion

【解决方案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 中修复所有这些内容并将您的内联样式移动到样式表

【讨论】：

非常感谢Roko，我现在正在研究您的更正以了解您的步骤。你真是太好了，非常非常感谢。它的外观与原版非常不同，所以我正在努力理解它。
@Limtu 不客气。没有那不同...只是改进了。不过，请远离 IMG 内联样式。这是为了你好:)
会的，现在就拿下你的 cmets。再次感谢 Roko
感谢您提出的 » ！比 awkard > 和好多了