“我如何实施？”；“全部展开”；及；“全部崩溃”；使用Darren Ingram'；简单的可折叠面板jQuery插件？

我正在寻找一种实现“全部展开”和“全部折叠”按钮的方法，用于Darren Ingram的简单可折叠面板jQuery插件

是否有人知道如何评估是展开还是折叠，并根据该答案导致折叠或扩展？我在这件事上似乎没什么吸引力

谢谢

---

Arn

这将切换所有项目：

$(".collapsibleContainerContent").slideToggle();

$(".collapsibleContainerContent").slideDown();

$(".collapsibleContainerContent").slideUp();

这将显示所有项目：

$(".collapsibleContainerContent").slideToggle();

$(".collapsibleContainerContent").slideDown();

$(".collapsibleContainerContent").slideUp();

这将隐藏所有项目：

$(".collapsibleContainerContent").slideToggle();

$(".collapsibleContainerContent").slideDown();

$(".collapsibleContainerContent").slideUp();

嗯，你试过：

$('#COLLAPSEALL').click(function(){
     $('.collapsibleContainerContent').hide(slow);
});

$('#EXPANDALL').click(function(){
     $('.collapsibleContainerContent').show(slow);
});

---

单击darrens面板时，我看到的唯一区别是显示属性从block更改为none，因此显示和隐藏应该可以工作。

@Joseph和@rsan。虽然我喜欢这个插件，并且能够相当容易地实现它，但是添加所需的“全部展开”和“全部折叠”函数的方法让我不知所措，我没有时间通过代码搜索答案。我决定采用一种更简单的方法，使我能够继续前进。我喜欢在上找到的模板

保持简单可以让我写：

    $("#idSlideCollapsibleBlue").slideUp('slow');

其中IDslideCollapsableBlue是位于h3正下方的div的id，如下所示

    <h3 id="idCollapsibleBlue" class="collapsible" title="New">Telecom: Add New Users</h3>
        <div id="idSlideCollapsibleBlue" title="Telecom: Add New Users">

电信：添加新用户

谢谢你调查这件事。我很感激

---

-Arnold

您是否尝试过页面上的大量示例代码？@moonbear。我已经试过代码，正在应用程序中使用插件。谢谢，我明天会试试。谢谢，我明天会试试。顺便说一句，我在一个页面上有三个这样的可折叠面板。