切换下拉菜单，但不是复选框

Question

http://liveweave.com/Yyss6U

所有标题都会切换下一个元素的可见性。

但是我在其中一个标题标记中放了一个复选框元素，当我调整复选框时，我不想切换下拉列表。

我尝试使用.not事件处理程序和非css选择器。

非常感谢任何有关如何解决此问题的帮助。

$("#toolbox header:not(input[type=checkbox])").on('mouseup touchend', function() {
  $(this).toggleClass("activedrop").next().toggle();
});

Answer 1

您可以排除复选框：

$("#toolbox header").on('mouseup touchend', function(e) {
    if ( $(e.target).prop('type') !== 'checkbox' )
        $(this).toggleClass("activedrop").next().toggle();
});

JSfiddle