How do you make page not scroll to top when clicking a # link?

Question

I have a bunch of divs set up with a class that triggers a jquery click function.

The divs each have just this in them so that the hand cursor appears on mouseover

<a href="#">▼</a>

Problem is, the page scrolls to the top on click (which makes sense).

What's the way to not have the page jump to the top, while making the hand cursor appear on mouseover?

Thanks guys.

Answer 1

Rather than use an anchor tag just set style="cursor:pointer;"

Answer 2

You can use javascript:void() instead of # as shown below

<a href="javascript:void()">▼</a>