Jquery Accordion：将操作设置为标题内的特定元素

Question

默认情况下，如果我们在 jQuery Accordion 中有这样的标题：

<h3>
    <div class="1">TEXT</div>
    <div class="2">ICON</div>
    <div class="3">BUTTON</div>
</h3>

通过单击 this 上的任意位置，手风琴工作并切换下一个元素和 ...

问题是，我们如何设置选项并选择特定元素（例如：'div' with class '1'）以单击它并切换手风琴。

我的意思是我不希望整个标题保持可点击状态。我只想单击标题内的图标或 div o 并切换打开/关闭手风琴。

谢谢

更新 1：

HTML：

<div id="testAcc">

    <h3>
        <div class="one">Text</div>
        <div class="two">Icon</div>
        <div class="three">Button</div>
    </h3>
    <div class="accBody">
        text text text text text text text text text text 
    </div>

    <h3>
        <div class="one">Text</div>
        <div class="two">Icon</div>
        <div class="three">Button</div>
    </h3>
    <div class="accBody">
        text text text text text text text text text text 
    </div>

</div>

JS：

$('#testAcc').accordion({
        autoHeight: false,
        header: 'h3',
        collapsible: 'ture',
});

此代码工作正常。但我想使用类似（标题：'h3>.one'）的东西意味着我想在标题内设置一个特定的类和元素，然后如果用户仅单击该元素，手风琴将打开或关闭...

Answer 1

您可以return false 对您不希望有手风琴切换效果的元素使用单击处理程序，如下所示：

$('#testAcc').accordion({
  autoHeight: false,
  header: 'h3',
  collapsible: true
});
$("#testAcc .two, #testAcc .three").click(function() {
  return false;
});
​

You can see a working demo here