jquery手風琴跳時用HASH嘆息點擊

下面是我簡單的手風琴代碼。它有一個不確定的跳躍一旦點擊，就像當HASH標籤被點擊時頁面滾動到頂部..嘗試添加e.preventDefault（）;但沒有幫助..問候jquery手風琴跳時用HASH嘆息點擊

聚苯乙烯：編輯要求我添加更多的細節，我想知道更多的細節，我可以提供，如果它只能添加文本和編輯認爲它有足夠的細節，那麼我會寫多說兩句，但我仍然認爲這要我添加更多的內容，讓我試試現在//

jQuery('.toggle-content').each(function() {  
    $(this).css('height', $(this).height()); 
    if(!jQuery(this).hasClass('open')){ 
    jQuery(this).hide(); 
    } else 
    jQuery(this).show(); 
}); 

jQuery("h4.toggle").click(function(){  
    if(jQuery(this).parents('.accordian').length >=1){ 
    var accordian = jQuery(this).parents('.accordian'); 

    if(jQuery(this).hasClass('active')){ 
     jQuery(accordian).find('h4.toggle').removeClass('active'); 
     jQuery(accordian).find(".toggle-content").slideUp(); 
    } else { 
     jQuery(accordian).find('h4.toggle').removeClass('active'); 
     jQuery(accordian).find(".toggle-content").slideUp(); 

     jQuery(this).addClass('active'); 
     jQuery(this).next(".toggle-content").slideToggle(); 
    } 
    } else { 
    if(jQuery(this).hasClass('active')){ 
     jQuery(this).removeClass("active"); 
    }else{ 
     jQuery(this).addClass("active"); 
    } 
    } 
}); 

jQuery("h4.toggle").click(function(){  
    if(!jQuery(this).parents('.accordian').length >=1){ 
    jQuery(this).next(".toggle-content").slideToggle(); 
    } 
});

這裏是HTML ..

<div class="accordian"> 
     <h4 class="toggle active"> 
     <a href="#"><span class="arrow"></span>Toggle 1 Heading</a> 
     </h4> 
     <div style="display: block;" class="toggle-content open"> 
     toggle 1 data... 
     </div> 

     <h4 class="toggle"> 
     <a href="#" style="border-bottom:0 !important;"><span class="arrow"></span>Toggle 2 heading</a> 
     </h4> 
     <div style="display: none;" class="toggle-content"> 
     toggle 2 content.. 
     </div> 
    </div>

來源

2014-02-16 user1718343

你的'e.preventDefault（）'在哪裏？ – Felix

嗨菲利克斯，正如我所說我嘗試添加它，但它沒有工作，我將它添加到這一行下：jQuery（「h4.toggle」）。click（function（）{...謝謝 – user1718343

我也加了這個.. （「click」，function（e）{e.preventDefault（）;}）; 但它創建跳轉切換。 – user1718343

從href="#"修改您的href屬性對此：href="javascript:void(0);"

來源

2014-02-16 10:44:42

這有助於在另一個方式..然而很好知道更多事情..歡呼聲 – user1718343

jquery手風琴跳時用HASH嘆息點擊

回答

相關問題