jquery toggle: clicking on link jumps back to top of the page

Question

I created a jquery toggle, but when I click the link to open a div it will jump to the top of the page. how can I fix this?

I know I could replace the link with some

Answer 1

Add return false; to the end of the code that runs when you click the link.

$('a.myLink').toggle(function() {
    // run my code
    return false;
});

Alternatively, you can grab the event object, and call .preventDefault().

$('a.myLink').toggle(function(event) {
    event.preventDefault();
    // run my code
});

Both of these methods disable the default behavior of the link.

The first one will also prevent the event from bubbling, so use it only if you have no need to utilize the event bubbling.