我有一个固定的 DIV（页脚横幅），里面有几个 DIV。
在右侧有一个 HIDE DIV（页脚横幅的一部分），单击它会隐藏 DIV 的其他部分并将整体 z-index（页脚横幅）设置为 -1，因此此横幅下方的网站是可点击/可访问。
单击隐藏后，它看起来像这样 - 只是隐藏 DIV 保留在右侧（稍后一旦最小化，这将重命名为“显示”，如下所示：
我这样做是为了保持这个 DIV 的宽度 - 如果用户放大/缩小页面并取决于用户的屏幕大小，它将重新调整大小。
我遇到的问题是我希望能够单击此剩余的隐藏 DIV，捕获单击事件并重新显示此固定页脚 DIV 的所有方面，但是由于父级上的 z-index -1 我不能捕获点击事件。
我尝试了 mousein/mouseout，但这不起作用。
我尝试在剩余的隐藏 DIV 上增加 z-index，但这似乎并没有覆盖其父 DIV 具有负 z-index 的事实。
有没有办法可以捕获此 DIV 上的点击事件？
谢谢