2014-11-24 29 views
0

我有一個jQuery UI手風琴,可以在初始頁面加載時正常工作但我想添加一個步驟,以便人們可以直接鏈接到我的h3中的一個手風琴,並有這個項目擴大負載。我可以添加哪些代碼,以便人們可以直接鏈接到文章並讓文章在加載時展開?防爆。 http://example.com/#456jQuery UI手風琴:如果以url爲焦點展開其他活動false

下面是我的當前設置:

<div id="accordion"> 
    <h3 id="123">title</h3> 
    <div>article</div> 
    <h3 id="456">title</h3> 
    <div>article</div> 
    <h3 id="789">title</h3> 
    <div>article</div> 
</div> 
<script> 
    $("#accordion").accordion({heightStyle: 'content', collapsible: true, active: false}); 
</script> 

回答

0

你是在正確的軌道上。但是,手風琴需要標題具有您要通過導航布爾參數導航到的錨點。

你可以這樣

HTML

<div id="accordion"> 
    <h3><a href="#item1">Item 1</a></h3> 
     <div>article</div> 
    <h3><a href="#item2">Item 2</a></h3> 
     <div>article</div> 
    <h3><a href="#item3">Item 3</a></h3> 
     <div>article</div> 
</div> 

jQuery的

$(function(){ 
    $("#accordion").accordion({ header: "h3", navigation: true }); 
}); 
+0

謝謝,您的建議是有道理的實現它。我反映了你的建議和它的多種變體,但無法讓它起作用。我在想我必須綁定點擊或其他東西?用簡單的英語,我會說'如果id通過URL集中,然後激活選定的ID'。我不確定這是可能的,但仍然在尋找。謝謝jrizzle88。 – 2014-11-25 02:09:20