Question

I have a very simple toggleClass that changes the appearance of a link when clicked on. Works great apart from one thing. Every time I click the link, the browser focus shifts right back to the top of the page. This gets quite annoying if a link is at the very bottom of a page.

I could use another element such as span of coarse, but I am curious to know if there is a solution to my question.

Example link used:

<a class="share-this" href="#">Share This</a>

Answer 1

or this function may help as well :

$('.share-this').toggleClass('some-class-that-is-toggled').click(function(e) {
    return false;
});