单击一个元素后如何使其他元素崩溃？ jQuery手风琴

Question

我已经使用了这款jQuery手风琴，以便在您点击它们时打开和关闭这些元素。但是我想知道当你点击另一个（关闭的）元素时如何关闭一个开放元素。由于我使用了.slideToggle（），我无法真正针对激活了.slideDown（）的元素，是吗？因为没有.slideDown（）。

int*

这是当前的版本。

https://jsfiddle.net/x8v4cvca/

Answer 1

在切换点击的元素之前，您必须定位所有可点击的对象及其hide（在本例中为slideUp()。

$('.a-clickable').on('click', function() {
    $('.a-clickable').not(this).siblings().slideUp(200);
    $(this).siblings().slideToggle(200);
});

Answer 2

如果您对使用jQuery UI感到满意，它可以直接使用它。看演示here。单击标题时，它会关闭当前打开的标题。

Answer 3

您可以向刚刚切换的元素添加id或类，然后使用该类访问已切换的元素。然后再次从元素中删除该类。