jquery toggle... переходит на верх страницы

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');
});