Jquery 如何使多个绝对定位的并排滑动面板选项卡可单击？

下面是我的代码示例

   <div id="wrapper1" style="width:300px">
     <div id="panel1">
       content
     </div>
     <div id="tab1">
       <a>Tab 1</a>
     </div>
   </div>

   <div id="wrapper2" style="width:200px">
     <div id="panel2">
       content
     </div>
     <div id="tab2">
       <a>Tab 2</a>
     </div>
   </div>

内容
表1
内容
表2

---

面板

显示：无页面加载，但选项卡可见。我正在使用选项卡上的slideToggle（）打开/关闭面板

问题是，我希望选项卡位于每个包装的中心，但在面板折叠时间隔约10px。但由于两个包装都是
位置：绝对第二个选项卡位于第一个包装的“下方”，因为第一个包装的宽度超过了第二个包装。很明显，这给我留下了一个无法找到的第二个标签。有人知道如何点击绝对定位div的透明部分吗？使用
指针事件无效：无，因为我还需要能够单击它的选项卡。
您不能单击div的透明部分；不管透明与否，顶部的div都会收到单击。
我认为没有任何方法可以实现您的愿望。您可能需要将选项卡分为两个单独的div，并仅将事件捕获应用于您希望单击的部分。好吧，我想就是这样。看起来需要重新设计一下。谢谢你的反馈。