href="#" Going to Top of Page - Prevent?

anchor href hashtag
L84 picture L84 · Oct 22, 2012 · Viewed 55.1k times · Source

I have a page with some jQuery functions. The HTML on the page looks like so: 

<a href="#" class="service">Open</a>

When I click the Open button a hidden panel slides out. The jQuery itself works great however when I click the button it also takes me to the top of the page.

Is this the defualt behavior and how do I prevent every href="#" from taking me to the top of the page.

Note: I could add id's and tell the href to direct to that ID. I do not want to do that for various reasons (including adding unnecessary code).

Answer

MyroslavN picture MyroslavN · Mar 29, 2016 
<a href="#!" class="service">Open</a>

Related questions

Select <a> which href ends with some string

Is it possible using jQuery to select all <a> links which href ends with "ABC"? For example, if I want to find this link <a href="http://server/page.aspx?id=ABC">

Read More
anchor jumping by using javascript

I have a question that will be found very often. The problem is that nowhere can be found an explicit solution. I have two problems regarding anchors. The main goal should be to get a nice clean url without any …

Read More
How can I disable HREF if onclick is executed?

I have an anchor with both HREF and ONCLICK attributes set. If clicked and Javascript is enabled, I want it to only execute ONCLICK and ignore HREF. Likewise, if Javascript is disabled or unsupported, I want it to follow the …

Read More