從外部錨鏈接打開手風琴面板

Question

幾周前被問到這個問題，但是卻找不到解決方案-我是代碼新手，所以我會盡力做到更具體。

我有一個帶有手風琴的頁面-它是作為網站主題隨附的簡短代碼內置的。 我在具有錨標簽的外部頁面中具有鏈接，這些鏈接將您帶到手風琴頁面-現在，單擊這些鏈接時，會將用戶帶到該術語，但面板無法打開。 我希望手風琴的面板也能打開。 照原樣，進入該頁面時所有面板均關閉。 這是到目前為止，當單擊帶有錨點的鏈接時，我刪除“ closed”類的代碼：

var anchor = window.location.hash.substring(1);
$('.' + anchor).removeClass('su-spoiler-closed');

我無法使其正常運行，也許我沒有在正確的位置安裝它？ 也許jquery通常無法在頁面上正常工作？

Answer 1

您也可以使用CSS，對我們新手來說更容易。

/*accordion ids' unhide*/
    #id:target{
        display:block;
    }
/* end css */

鏈接：www.website.com/page.htm#id

Answer 2

我認為您的問題的答案在這里： jQuery通過鏈接打開手風琴

您只需要從當前URL獲取哈希內容並更改手風琴即可。

Answer 3

假設jQuerUI的手風琴

基本上，您想監聽加載時的操作，並使用API​​設置所需的元素。

API： http : //api.jqueryui.com/accordion/#option-active

您必須將手風琴的父包裝器（此處為.parent）分類，以使此選擇器語法起作用：

$(function(){
    var anchor = window.location.hash.substring(1);

    $('.parent a[href$="' + anchor+ '"]').ready(function() {
          var index = $(this).parent().children().index(this);
          $( ".parent" ).accordion( "option", "active", parseInt(index,10) );
    });
});