隐藏除一个以外的所有div并切换那一个

Question

<div class='logolink' data-msg='msg01'>lorem ipsum</div> 
<div class='logolink' data-msg='msg02'>lorem ipsum</div> 
<div class='logolink' data-msg='msg03'>lorem ipsum</div> 

<div class='msgt' id='msg01'>lorem ipsum</div> 
<div class='msgt' id='msg02'>lorem ipsum</div> 
<div class='msgt' id='msg03'>lorem ipsum</div> 

.msgt被隐藏。
我想要什么，例如，如果第一logolink点击：
- 隐藏所有msgt除了msg01
- 如果msg01是可见的 - 隐藏 - 反之亦然。

JS

$('.logolink').click(function(){ 
    var a = $(this).data('msg'); 
    var b = $('#' + a); 
    $('.msgt:not(b)').hide(); 
    b.toggle(); 
}); 

不工作。

Answer 1

你必须使用.not功能，在此背景下，

$('.logolink').click(function(){ 
    var a = $(this).data('msg'); 
    var b = $('#' + a); 
    $('.msgt').not(b).hide(); 
    b.toggle(); 
}); 

由于b是一个jQuery对象，它不能沿着一个字符串传递。

Answer 2

$('.logolink').click(function() { 
    var $item = $('#' + $(this).data('msg'); 
    $item.toggle(); 
    $item.siblings().hide(); 
});