參考 JQuery UI 手風琴 Header

Question

我有一個 JQuery 手風琴如下；

<div id="accordion">
 <h3 class="ui-accordion-header"><a id="link1" href="#">First Header</a></h3>
  <div id="div1">First Content</div>
 <h3 class="ui-accordion-header"><a id="link2" href="#">Second Header</a></h3>
  <div id="div2">Second Content</div>
</div>

手風琴是這樣生成的：

$("#accordion").accordion({
  collapsible:true,
  active:false,
  navigation:true,
  autoHeight:false,
  change:function(event, ui){
    var index = $(this).find("h3").index(ui.newHeader[0]);
    var header = $(this).find("h3")[index].find("a"); //<--- problem line
    var currentHeaderID = (header.attr("id")); //<--id that I need
  }
});

JSFiddle 鏈接

手風琴加載良好。 我正在努力實現兩件事。

1-獲取剛剛打開的 header 的標簽內的 href 元素的 ID（即 ID 鏈接 1 和鏈接 2）。 上面更改事件中的代碼為我提供了 header 的索引。 但我正在努力讓下一行（ var header =.... ）工作。 你能

2-已解決當用戶單擊已打開的 header 時，該部分已關閉，因此所有部分都已關閉。 我不確定如何實現這一目標。 你能幫忙嗎？

謝謝

Answer 1

當手風琴變化時，一個 jQuery object 包裝活動標頭的<h3>元素在ui.newHeader中傳遞，因此您只需使用find() ：

var currentHeaderID = ui.newHeader.find("a").attr("id");

在這里更新了小提琴。