select href attribute of a link jquery

Question

i have the following code that is not working properly, what the hell am i doing wrong???

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

i have the href of the links set like this

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

Answer 1

It looks like you're missing a $ in front of the (href) call. Try:

$(href).fadeIn(500)

Answer 2

I think: var href = $('#gallerynav ul li a').attr('href');

should be: var href = this.attr('href');

Answer 3

Try this:

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

Answer 4

Try this.

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