Javascript 溢出容器阻止访问滑块触摸/滑动

希望你能帮忙。我是个新手，尽管进行了研究，但还没有找到解决问题的方法。我有一个透明的导航条，位于一个滑块的顶部，该滑块具有触摸滑动功能以及箭头导航按钮，用于单击下一步/上一步。透明导航的正下方是一个显示/隐藏文本内容的选项卡（使用jquery）。请参阅下面的测试链接

问题在于，为了使显示/隐藏消失在导航后面，它需要位于一个具有overflow:hidden的div容器中。这是我下面测试中的红色容器。不幸的是，在移动设备上，此容器覆盖了大部分页面，并阻止在大部分页面上使用触摸滑动功能。如果有人能提供任何建议，在你结束演出/隐藏时，是否有可能折叠包含红色的div，我将非常感激

---

您需要的是回调。在该回调中，您可以显示/隐藏困扰您的div

更多详细信息请参见：

您感兴趣的是这一部分：

 $( "#clickme" ).click(function() {
     $( "#book" ).toggle( "slow", function() {
        // Animation complete.
     });
 });

在您的情况下，您可能希望执行以下操作：

 $( "#clickme" ).click(function() {
     $( "#book" ).toggle( "slow", function() {
        $("#botheringDivId").hide();
     });
 });

---

您可能需要对其进行一些调整以满足您的需要，但这应该很容易。

我觉得这一点都不容易。。。尝试您所建议的许多变体只会隐藏整个面板，因为外部容器是这里最麻烦的事情。。。。因为它是父母，试图以任何形式隐藏它只是隐藏了孩子，一切都消失了。。。我是jquery的新手，但是tbh-简单的东西我通常会很快解决。。。这是一场斗争！有什么想法吗？