Jquery 手风琴关闭然后打开

Question

我使用 jquery 手风琴插件在页面上设置了多个手风琴，这样我就可以实现全部展开和折叠所有功能。

每个 ID 元素都是它自己的手风琴，下面的代码可以关闭所有元素，无论哪些元素已经打开：

$("#contact, #address, #email, #sales, #equipment, #notes, #marketingdata")
    .accordion("activate", -1)
;

我的问题是全部展开。 当我用这段代码让它们全部展开时：

$("#contact, #address, #email, #sales, #equipment, #notes, #marketingdata")
    .accordion("activate", 0)
;

有些会收缩，有些会根据它们之前是否打开而展开。

我纠正这个问题的想法是将它们全部折叠起来，然后在单击“全部展开”时将它们全部展开。 但是，此代码将无法正确执行：

$("#contact, #address, #email, #sales, #equipment, #notes, #marketingdata")
    .accordion("activate", -1)
;
$("#contact, #address, #email, #sales, #equipment, #notes, #marketingdata")
    .accordion("activate", 0)
; 

它只会执行第二个命令，而不会首先关闭所有命令。 有什么建议么？

Answer 1

我不太确定你在追求什么，但这是我最好的猜测。 在所有手风琴中，您希望使用“全部打开”按钮来打开所有关闭的手风琴（即不显示任何部分）。 我会使用 filter() 来做到这一点，

$("#contact, #address, #email, #sales, #equipment, #notes, #marketingdata")
    .filter(":not(:has(.selected))")
    .accordion("activate", 0)
;

这就是你想要的吗？

---

编辑以解释该过滤器功能：

过滤器功能只是通过过滤器运行您当前的选择，删除任何不匹配的内容。 它有两种不同的形式：一种是传递常规 jQuery 查询，就像我上面所做的那样；另一种是您可以定义要过滤的函数。 如果该函数返回 false，则该元素将被删除。

在这种情况下，查询会删除任何不具有 (:not) 具有 (:has) 类为“selected”的子级 (.selected）。 我在这里使用了 .selected 选择器，因为这是手风琴添加到当前打开的面板中的内容。

如果您只有一个手风琴，或者您为每个手风琴提供了某种标识符，例如类名，那么您可以大大减少整个脚本。 假设对于您想要变成手风琴的每个元素，您为其指定“accord”类。

$(".accord:not(:has(.selected))").accordion("activate", 0);

这更加清晰和可维护，因为如果您愿意，您可以在将来轻松添加更多手风琴，这将处理它。

过滤器的文档位于：http://docs.jquery.com/Traversing/filter

Answer 2

jQuery('#accordion').accordion({        
    active:-1,
});

Answer 3

我遇到了同样的问题，并使用一些简短的代码解决了该问题，利用 JQuery 的each() 函数折叠，同时将焦点设置为项目 [0]，以便可以恢复正常导航。

http://spstring.jeffthink.com/?p=49