jquery - slideToggle siblings others 打开div

Question

我想关闭其他点击打开的 div。

我有这段代码，但老实说我不太明白，即使看过文档之后也是如此......

我做了一个 fiddle just here ，但是当我点击一个 div 时，所有隐藏的内容都会显示出来。

有想法吗？

这是我的代码:

<div class="etape-road-trip">
    <span>Click me</span>
</div>
<div class="col-xs-12">
    <div class="infos-etape-road-trip">
        Hidden content
    </div>
</div>


<div class="etape-road-trip">
    <span>Click me</span>
</div>
<div class="col-xs-12">
    <div class="infos-etape-road-trip">
        Hidden content
    </div>
</div>

CSS

.infos-etape-road-trip{
显示:无；
}

Answer 1

您需要定位正确的内容，使用当前元素，即 this 并使用 .next() child 紧随 sibling 的定位。

$('.etape-road-trip').click(function () {
    var currentContent = $(this).next().find('.infos-etape-road-trip');
    $('.infos-etape-road-trip').not(currentContent).slideUp();
    currentContent.slideToggle();
});

Updated Fiddle