jqueryaccordion：将操作设置为标头内的特定元素

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

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

这个代码运行良好。但是我想使用类似于header的东西：“h3>.one”意味着我想在header中设置一个特定的类和元素，然后如果用户只单击该元素，则手风琴将打开或关闭…

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

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

---

向我们展示javascript，以便我们可以看到您正在做什么…添加了html和js。谢谢，谢谢你的回答。但是如果类.1、.2和.3有浮点数，那么H3中还有一些空白。如下所示：H3：如果用户单击该空白区域，accordion将切换关闭/打开。@J.Tay-这就是CSS：如果您给.one一个边框，您将看到它占用了所有空间，如果您不希望它占用空间，您需要更改样式并将其浮动……jQuery端是正确的，您确实在单击。1，您需要决定它的宽度：

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

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