Выбрать атрибут 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)
    })
})

У меня есть ссылка, подобная этой:

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

Answer 1

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

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

Answer 2

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

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

Answer 3

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

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

Answer 4

Похоже, вам не хватает $ перед вызовом (href). Попробуйте:

$(href).fadeIn(500)