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