Wordpress DivI主題 - 手風琴切換的錨鏈接

Question

我正在嘗試獲取指向手風琴的錨鏈接，並打開切換。

我在谷歌上找到了一些代碼片段，但並不完全。

當我在手風琴打開的頁面上，並且我點擊錨鏈接時，它正確地滾動到手風琴並打開選項卡 - 但是，此時刷新頁面並且不停留手風琴在哪裏。

如果我從除手風琴以外的其他頁面上點擊錨鏈接，它所做的只是將我引導到該頁面 - 而不是手風琴。

任何協助將是偉大的。

網址爲http://casafamilyserv.wpengine.com/resources/

的錨鏈接是在頁面的右上角的「立即捐款」按鈕。

這裏是JS片段：

<script> 
    jQuery(function($) { 
    //accordion 
    $('.menu-item-98 a').on('click', function(event){ 
     $('#my-accordion .et_pb_accordion_item_2 .et_pb_toggle_title').click(); 
     $("html, body").animate({ scrollTop: $('#my-accordion').offset().top }, 1000); 
    }); 
}); 

</script> 

的錨鏈接是打開「貢獻/捐」手風琴標籤。

Answer 1

只需添加return false;。

$('.menu-item-98 a').on('click', function(event){ 
    // sometimes you may also need to add 
    // event.preventDefault(); 

    donateScroll(); 

    return false; 
}); 

發生這種情況，因爲你的捐贈按鈕，在URL中的#donate。

<a href="/resources#donate">Make A Donation</a> 

默認情況下，瀏覽器將嘗試找到id="donate"某個頁面上，並跳轉到它。添加return false;塊的默認行爲，並允許您完全控制點擊事件。

您還可以添加一些來自不同的頁面時到達檢查現有的哈希：

function donateScroll(){ 
    $('#my-accordion .et_pb_accordion_item_2 .et_pb_toggle_title').click(); 
    $("html, body").animate({ scrollTop: $('#my-accordion').offset().top }, 1000); 
} 

if(window.location.hash == '#donate') { 
    donateScroll(); 
} 

而不是重複您的滾動和點擊的邏輯，你也可以將其移動到可重複使用的功能。