jQuery飛出div失敗

Question

我已經開始編寫自己的Jquery。 我在開始的那一刻是對的，練習隱藏div，然后使它們再次可見。 所以一開始我是通過Jquery隱藏div的

 $(".hidden-div1").hide();  
 $(".hidden-div2").hide();  

然后，我完成了基本的div操作，然后進行了有關如何使用slideToggle的教程。

$("#show1").click(function () {
    $(".hidden-div1").slideToggle("slow");
});

$("#show2").click(function () {
    $(".hidden-div2").slideToggle("slow");
});

所以我在頁面上有2個鏈接和2個隱藏的div。 它們可以正常工作，滑出並隱藏，如幻燈片所示。

但是，鏈接之一在我的頁面的中間。 單擊該按鈕不僅可以將隱藏的div滑出（應有的效果），而且還可以跳到網站的頂部。 然后，我必須向下滾動才能看到新的div。 我的問題是這個。 單擊鏈接后，如何停止跳至頁面頂部？ 如果我的問題沒有道理，我可以發布該網站的鏈接。

謝謝堆高車

Answer 1

使用event.preventDefault()或使用其他名稱，然后在按鈕中使用<a>元素。 檢查此： http : //jsfiddle.net/balintbako/9rtvs/2/

$(document).ready(function () {
    //hide some divs
    $(".hidden-div1").hide();

    $("#show1").click(function (event) {
        $(".hidden-div1").slideToggle("slow");
        event.preventDefault()
    });
});

Answer 2

更改

<a href =“＃” id =“ show2” class =“ morelinkwhite”>了解更多信息</ a>

至

<span id =“ show2” class =“ morelinkwhite”>了解更多信息</ span>

當您單擊帶有＃的鏈接時，它將刷新頁面並跳至頂部。 對所有“查找更多”按鈕進行操作。 希望能幫助到你。