隱藏除一個以外的所有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(); 
});