JQuery переключения ... подскакивает к началу страницы

Question

Я использую этот скрипт, который я нашел на JS скрипкой: http://jsfiddle.net/Q4PUw/2/

Когда я нажимаю на ссылку тумблер, он переключает коробку и отображает его, однако, его возвращается в начало страницы, а затем мне нужно прокрутить вниз, чтобы просмотреть содержимое, которое было переключено.

Что я могу сделать, чтобы страница была на этом контенте, чтобы пользователям не приходилось прокручивать вниз, чтобы просмотреть содержимое?

Вот мой код:

<style type="text/css">p.content-one {display:none;}</style> 
<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){ 
$('.expand-one').click(function(){ 
    $('.content-one').slideToggle('slow'); 
}); 
});//]]> 
</script> 
<div class="sitesection"> 
<p class="expand-one"><a href="#">Toggle Test Here</a></p> 
<p class="content-one"> 
The content goes here 
</p> 
</div> 

Answer 1

remove href="#" in <a> tag 

или

If you dont want, remove a tag because you are using expand-one class in p tag 

Answer 2

Попробуйте использовать event.preventDefault(), как показано ниже: -

$('.expand-one').click(function(event){ 
    event.preventDefault(); 
    $('.content-one').slideToggle('slow'); 
});