Javascript 将jQuery slideToggle（）添加到锚链接上的事件

我搜索了整个网络，但没有找到解决问题的方法。我有一些固定标题中的锚链接，如下所示：

 <ul>
 <li class="dropdown">
    <a href="#" class="dropbtn">Tab1</a>
    <div class="dropdown-content">
       <a href="#s1">link1</a>
       <a href="#s2">link2</a>
    </div>
 </li>
 <li class="dropdown">
  <a href="#" class="dropbtn">Tab2</a>
  <div class="dropdown-content">
      <a href="#s3">link3</a>
      <a href="#s4">link4</a>
  </div>
</li>
<li class="dropdown">
 <a href="#" class="dropbtn">Tab3</a>
 <div class="dropdown-content">
  <a href="#s5">link5</a>
  <a href="#s6">link6</a>
  <a href="#s7">link7</a>
 </div>
</li>
<li class="dropdown">
  <a href="#" class="dropbtn">Tab4</a>
  <div class="dropdown-content">
    <a href="#s8">link8</a>
    <a href="#s9">link9</a>
    <a href="#s0">link10</a>
  </div>
</li>
</ul>

现在，我想

slideToggle（）

选中的表（带有锚定链接）以显示它，并隐藏任何以前“滑动”的表。我试过很多jQuery代码，但都不管用。我需要向这些锚链接的onclick事件添加什么事件/函数？

HTML

<a id="tab1" onclick="toggleTable();" href="#">Link</a>

---

在jQuery中，可以非常简单地使用

slideUp（）

和

slideDown（）

的单独计数，而不是

slideToggle（）

我已经在一个小提琴中复制了您的环境，并将代码放入其中，小提琴如下：

代码如下：

$（'.menu>li>a'）。单击（函数（）{
var tab=$（this.attr（'href'）；
$（'table'）。每个（函数（）{
$（this.slideUp（）；
});
$（制表符）.slideDown（）；
});
表格{
显示：无；
填充：1em；
边框：1px纯红；
}

我的菜单开关





表1
2.
3.
4.
5.
6.
表2
2.
3.
4.
5.
6.
表3
2.
3.
4.
5.
6.
首先，您的标记无效。内容项在哪里？表格在哪里？编辑问题。希望事情现在更清楚了。有了这些，我无法隐藏已经打开的桌子。无论如何，我应该写尽可能多的函数作为表格的数量…隐藏那个表，你们想隐藏下面，你们的小提琴肯定是有帮助的。谢谢如果我必须将此脚本应用于div部分，该怎么办？很高兴知道：）是的，那很好，只要
div
部分具有菜单项的相应
id
。i、 e:
…
如果有帮助，别忘了将答案标记为已接受：）我修改了你的小提琴，它似乎不适用于div，但肯定是我的错。我会继续努力@JimmyPage请记住，如果更改为
div
，则必须修改CSS和jQuery中的规则-请参阅使用
div
更新的小提琴。我通过以下方式解决了问题：。无论如何，在我的应用程序中，它仍然不起作用。我想这是因为我的
结构
<a id="tab1" onclick="toggleTable();" href="#">Link</a>

function toggleTable() {
     $('#YourTableID').toggle('slow');
     $('#AlreadyOpenedTableID').hide();
}