Выбор атрибута href ссылки с помощью jQuery?

Question

У меня есть следующий код, который не работает должным образом, что я делаю неправильно ???

$('#gallerynav ul li a').click(function(){ 
    var href = $('#gallerynav ul li a').attr('href') 
    $("#galleries").children().fadeOut(500 , function(){ 
     (href).fadeIn(500) 
    }) 
}) 

У меня есть HREF из ссылок, установленных как это:

<div id="gallerynav"> 
    <ul> 
     <li><a href="#foo">link</a></li> 
    </ul> 
</div> 

Answer 1

Похоже, вы пропустили на $ перед (HREF) вызова. Попробуйте:

$(href).fadeIn(500) 

Answer 2

Я думаю: var href = $('#gallerynav ul li a').attr('href');

должно быть: var href = this.attr('href');

Answer 3

Попробуйте это:

$('#gallerynav ul li a').click(function(evt) { 
    var href = this.href; 
    $("#galleries").children().fadeOut(500 , function() { 
     $(href).fadeIn(500); 
    }); 
    evt.preventDefault(); 
}); 

Answer 4

Попробуйте это.

$('#gallerynav ul li a').click(function(){   
    var link = $(this).attr('href'); 
    $("#galleries").children().fadeOut(500 , function(){ 
     $(link).fadeIn(500); 
    }); 
});