隐藏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/