link with href="#" scrolls page to top when used with jquery slidetoggle [duplicate]

Several options:

Put return false; at the bottom of your click handler and the href wont be followed.
Change the href to javascript:void(0);

Call preventDefault on the event in your handler:

function( e ) {  e.preventDefault();  // your event handling code}

jquery scroll toggle href slide

You need to add return false; to your click handler.
This will prevent the browser from executing the default action for the click.

jquery scroll toggle href slide

Others have given you solutions. But to specifically answer your question, # refers to the current page. And since the interpretation of tags is to bring the top of the tag into view, clicking on a # tag scrolls you to the top of the current page.

CodeHunter

link with href="#" scrolls page to top when used with jquery slidetoggle [duplicate]

Recent Posts

How can I color dots in a xy scatterplot according to column value?

How to update a claim in ASP.NET Identity?

What does {0} mean when initializing an object?

Accessing members of items in a JSONArray with Java

How to log SQL statements in Spring Boot?

Powershell Get-WebSite name parameter is ignored

How to detect scroll to bottom of html element

Java synchronized method

How to test controllers with CodeIgniter?

Detect Visual Composer

Matplotlib: Specify format of floats for tick labels

Rails join a list of strings with commas and "and" before the last