jqueryaccordion-如何使所有选项卡最初关闭

有一个简单的FAQ手风琴式结构，当鼠标悬停在标题上时，可以打开/关闭描述，但无法管理最初关闭所有选项卡描述

我读到一些关于将可折叠设置为true，将活动设置为false的内容，但无法使其正常工作。有人能帮忙吗

HTML:

---

首先，您可以使用DRY原则简化代码。通过在元素上使用公共类，您可以简化JS代码，使其适用于任意数量的元素。目前，您必须为添加的每个新标题/描述添加一个事件处理程序。试试这个：

<div id="accordion">
    <div class="title">Title 1</div>
    <div class="description">Description 1</div>

    <div class="title">Title 2</div>
    <div class="description">Description 2</div>
</div>

注意，我使用了hover事件，因为这也将关闭mouseout上的相关.description元素

然后，您可以使用CSS隐藏页面加载上的所有.description元素：

.description {
    display: none;
}

---

您希望使用JQuery的each函数遍历以描述id开头的所有元素并隐藏它们：

$('[id^=description]').each(function(i,e){
       $(e).hide();   
});

---

这里有一个

非常好用。在id=switch的div中还添加了一个Open-all/Hide-all选项。对于CSS，我创建了两个类.show{display:block；}和.hide{display:none；}。不知道如何编写此行为的jQuery，以及如何在选项卡关闭时将文本从“全部打开”切换到“全部隐藏”。

.description {
    display: none;
}

$('[id^=description]').each(function(i,e){
       $(e).hide();   
});