javascript - 使用 jquery Accordion 编辑页面的其他元素 - 事件和默认

Question

我有这个基本的 Accordion 。

 $('#accordion').accordion({ 
    collapsible: true, 
    active: false,
    heightStyle: "content",
 });

当 Accordion 打开(状态:事件)和关闭(状态:默认)时，我想影响页面上的其他元素(h3、p 等)(特别是 Accordion 下方的元素)。

我已经知道如何在状态更改时编辑 Accordion 的标题和内容本身，但我不知道如何影响页面上不属于 Accordion 一部分的外部元素。我该怎么做？

HTML基本样式是这样重复三次:

<div>
     <h3>Heading</h3>
     <p>Blah Blah Blah</p>
</div>

Answer 1

我相信这就是你想要的:

已测试

$('#accordion').accordion({ 
     collapsible: true, 
     active: false,
     heightStyle: "content",
     activate: function( event, ui ) {
         console.log(ui.newHeader.prop("id"));
     }
});

注意:目前，如果您打开另一个 header ，它将输出打开的 header 的 id，但是如果您关闭打开的 header ，那么它将返回您的 undefined可用于将来检查。有关更多信息，请点击 here ..

看看这个 Fiddle ..