скрыть DIV щелчке на ссылке в

Question

Я хочу, чтобы скрыть DIV, что ссылка была нажата в течение, а затем отобразить результаты DIV вместо художника 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/