是否可以在調用時動態設置Jquery Accordion的活動面板？

Question

我有一個情況，我打電話給一個灰色的彈出式窗口，帶有Jquery Acoridon從主頁上的鏈接，並想知道是否可以在調用它時設置默認的活動面板。

下面是示例：

在我的主頁，這是HTML：

<a href="example.php" id="1" onclick="return parent.GB_showCenter('Example.', this.href, 400, 600)" target="_blank"> 
Panel 1 
</a> 

<a href="example.php" id="2" onclick="return parent.GB_showCenter('Example.', this.href, 400, 600)" target="_blank"> 
Panel 2 
</a> 

<a href="example.php" id="3" onclick="return parent.GB_showCenter('Example.', this.href, 400, 600)" target="_blank"> 
Panel 3 
</a> 

這裏是JavaScript的使用example.php：

$(function() { 
    $("#acordion").accordion({ active: 0, collapsible: true, autoHeight: false }); 

這是例如HTML部分.php

<div id="acordion"> 
    <h3><a href="#">Panel 0</a></h3> 
    <div>Do something @ Panel 1</div> 

    <h3><a href="#">Panel 1</a></h3> 
    <div>Do something @ Panel 2</div> 

    <h3><a href="#">Panel 2</a></h3> 
    <div>Do something @ Panel 3</div> 

</div> 

我將面板0設置爲默認活動面板，並且每次打開該頁面時都會將面板0作爲活動面板打開。只需將面板1或面板2設置爲活動面板，同時用鏈接2或鏈接3打開。

Answer 1

您需要將默認面板值傳遞給頁面，例如，在URL的散列部：

<a href="example.php#1" id="1" onclick="return parent.GB_showCenter('Example.', this.href, 400, 600)" target="_blank"> 
Panel 1 
</a> 

然後，只需使用JavaScript閱讀：document.location.hash，併爲您的手風琴默認值使用。

$(function() { 
    var hash = document.location.hash; 
    $("#acordion").accordion({ active: hash, collapsible: true, autoHeight: false }); 
});