Question

如果点击它们，我想关闭其他div。

我有这个代码，但说实话，我真的不明白，即使是在参加过该课程之后......

我制作了一个小提琴just here，但当我点击一个div时，会显示所有隐藏的内容。

有个主意吗？

这是我的代码：

DataGrid

CSS

<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>

Answer 1

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

$('.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

slideToggle兄弟姐妹别人打开div

1 个答案: