slideToggle 兄弟姐妹其他人打开 div

艾米莲

如果点击打开其他 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>


<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{ display: none; }

萨帕尔

您需要定位正确的内容，使用当前元素 iethis并立即定位在兄弟使用的.next()子元素之后。

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

更新的小提琴

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。