Jquery 如何处理可单击区域顶部的元素

我已经建立了一个手风琴风格的控件，并试图使它尽可能容易访问和语义。我现在工作得很好，但有一个方面我不太确定。因为某种原因感觉有点脏。不太确定它是否脏

演示：

在我的手风琴面板中，整个顶部栏（标题）都可以单击。我有一些关键字框，在每个顶栏的右边。我获得这些关键字框的方法是绝对定位它们（这将它们放在链接的顶部）。这会产生不良影响，造成死区，使您无法再点击工具栏。为了解决这个问题，我只给了关键字框一个onclick（与链接的onclick相同）。这一切都有效，但正如我所说的，感觉不舒服/肮脏

最后，问题是：

---

它是黑的/脏的吗？如果是这样的话，有没有其他方法来实现上面的关键字框，但不要在可单击区域中创建死区的想法？

我不确定您的确切意思，但是如果您不想在单击

框时触发header
onclick
，请尝试以下方法：

$(".boxes").click(function(e){
    e.stopPropagation();
});

这并不完全是您想要的，但我会将选择器更改为整个header元素，而不是单独选择子元素。这样做可以获得您想要的效果：

$expandos.on('click', 'header', function(event){

演示：
谢谢巴德，这简化了一点。