jQuery一次只出现一个div

-2

我试图通过点击它们的缩略图使div出现和消失，但我无法弄清楚如何让它们消失后，我让另一个出现（房间变量改变它的价值），他们只是彼此接连。目标是一次只出现一个div。jQuery一次只出现一个div

这是我的最后一次尝试：

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

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

来源

2014-11-02 Waveen

可以发送 – 2014-11-02 18:15:24

'room'没有在数据改变处理程序中定义的HTML。 – JJJ 2014-11-02 18:18:01

下面是实际的html，我删除了不需要的部分。 http://pastebin.com/S8XqwCFq – Waveen 2014-11-02 18:19:24

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/

来源

2014-11-02 18:28:41 sinisake

这正是我想要的。谢谢：） – Waveen 2014-11-02 18:35:07

jQuery一次只出现一个div

回答

相关问题