隱藏DIV的鏈接被點擊的

Question

我想隱藏該鏈接被點擊內格，然後一旦你點擊鏈接到位藝術家DIV

<div class="artist"> 
    <a href="#" class="artist-link">click</a> 
</div> 
<div class="results"></div> 

<div class="artist"> 
    <a href="#" class="artist-link">click</a> 
</div> 
<div class="results"></div> 

<div class="artist"> 
    <a href="#" class="artist-link">click</a> 
</div> 
<div class="results"></div> 

的顯示結果格，它隱藏了.artist div鏈接被點擊，然後顯示其各自的結果div。

Answer 1

你可以做這樣的http://jsfiddle.net/aGV7B/1/：

$('a').click(function(){ 
    $(this).closest('div').hide().next().show(); 
}); 

Answer 2

試試這個：

$('a').click(function() { 
    var $parent = $(this).parent(); 
    $parent.hide().next().show(); 
}); 

Demo Link

Answer 3

你可以做到這一點使用closest(selector)和next(selector)功能。使用選擇器的優點是，您可以更改標記（某種程度上），而不會導致您的JavaScript代碼無效。

$('.artist').click(function() { 
    $(this).next('.results').fadeIn('fast').end().closest('.artist').fadeOut('fast'); 
}) 

Answer 4

只要使用jQuery。

$('.artist-link').click(function(){ 
    $(this).parent().hide(); 
    $(this).parent().next().show(); 
}) 

欲瞭解更多的相關信息： http://api.jquery.com/