Question

我试图通过点击他们的缩略图让div出现并消失，但我无法弄清楚如何让它们在我出现另一个之后消失（房间变量改变其值），它们只是被放置在彼此之后。目标是一次只出现一个div。

这是我的最后一次尝试：

 jQuery('.thumbs a').click(function () {
        var room = "#room" + $(this).data('slide');
        $(document).trigger('data-changed');
    });
        $(document).on('data-changed', function() {
        $(room).toggleSlide('fast');
        });

很抱歉，如果它很难理解。

Answer 1

CSS：

#wrapper div{
    display:none;
}

JQuery的：

jQuery('.thumbs a').click(function () {
      room = "#room" + $(this).data('slide');
    $(room).slideToggle('fast');

    $('#wrapper').children().not(room).slideUp('fast');

    });

演示：http://jsfiddle.net/ffoa3pno/1/

jQuery一次只出现一个div

1 个答案: