保持瀏覽器使用jQuery使用此代碼顯示/顯示一個div

Question

林時隱藏一個div：

<a href="#" class="show_hide">Show/hide</a> 
<div class="slidingDiv"> 
My content...... <a href="#" class="show_hide">hide</a></div> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 

$('.show_hide').click(function(){ 
$(".slidingDiv").slideToggle(); 
}); 

}); 

</script> 

問題是我的DIV是在頁面的底部。因此，當用戶單擊鏈接以顯示div時，瀏覽器會返回到頁面的頂部，然後用戶必須向下滾動才能看到顯示的div。我能做些什麼使瀏覽器停留在div正在顯示的頁面底部附近？

Answer 1

下面列出的是你在找什麼：

$('.show_hide').click(function(e){ 
    e.preventDefault(); 
    $(".slidingDiv").slideToggle(); 
    return false; 
}); 

Answer 2

那是因爲你不會阻止默認行爲（跟隨HREF）鏈接通過事件對象調用preventDefault()或返回false從點擊事件處理程序。嘗試這個。

$('.show_hide').click(function(e){ 
    e.preventDefault(); 
    $(".slidingDiv").slideToggle(); 
});