为什么<a href=#A> and jquery click function not work together?

Question

What I want is that: There is a link on top of page. When it is clicked, it should go to in the same page and toggle a div class with jquery.But both of are not working at the same time.. For example:

<a href='#A' id='link'>Go to A and toggle a div class</a> 

jquery codes are:

$('#link').click(function() { 
    $('.toggle').toggle(); 
    }); 

    <a name='A'> Here is A </a> 

my codes are more complex than that but same logic with I write here. When I click the link, the div which has toggle class toggles. First it looks jquery codes. But it does not go to #A. That is to say, href attribute is not working. Any idea?...

Answer 1

click() will not fire the default event so you have to set window.location

$('#link').click(function (e) { 
    e.preventDefault(); 
    $('.toggle').toggle(); 
    window.location.hash = ($(e.currentTarget).attr("href")); 
});