较高的z-index div不会隐藏较低的z-index点击事件：事件传播问题

Question

我已阅读并阅读，但我仍然遗漏了一些东西。

我有一个显示div的点击事件

+----------------------------------------------------+
|                                                    |
|         [ Click Here ]   [ Another Click Event ]   |
+----------------------------------------------------+

选择“点击此处”后，div会显示“另一个点击事件”，但即使没有人看到，也可以选择“其他点击事件”。

+----------------------------------------------------+
|                        +------------------------+  |
|         [ Click Here ] |                        |  |
+------------------------|                        |--+
                         |                        |
                         +------------------------+



$("#another-click-event").click(function(e){
    e.stopPropagation();
    $("#another-click-event").toggleClass("highlight");
    $("#another-click-event2").toggleClass("show-create-cost2");
}); 

$("#click-here").click(function(e){
    e.stopPropagation();
    $("#click-here").toggleClass("highlight");
    $("#click-here2").toggle("slide");
}); 

选择＃click-here后＃click-here2滑出。好。

但仍可以选择＃another-click-event。不好。

为什么不停止传播？

修改

附件是一个小提琴：https://jsfiddle.net/84jg0q9k/2/

然而！？！小提琴按照预期工作。然而......它只是一个复制和粘贴？

TL / DR - 代码有效。这不是stopPropagation错误。问题出在其他地方。