无法正常工作 errorJQuery 切换...可能很简单

Question

我今天正在工作，决定开始使用 JQUERY 为搜索网站制作切换表...但我实际上像几天前一样开始使用 javascript 和 jquery。没有表格，它工作正常，但是当我添加表格时，它不会切换表格...我希望当您单击“过滤器搜索”时，表格会出现在下面，然后当您再次单击“过滤器搜索”时隐藏表格表...非常感谢任何帮助。这是代码（我已经在头部引用了jquery）

<div class='filtermore'>
  <h4><a>Filter Search</a></h4>
  <p style="display: none" class='jquery'>

  <table border=0 width="875">
       <tbody>
          <tr>
             <td width="164"><strong>City</strong></td>
             <td width="176"><strong>Price</strong></td>
             <td width="160"><strong>Features</strong></td>
          </tr>
           <tr>
             <td><input type="checkbox"/> City 1</td>
             <td><input type="checkbox"/> Cheap</td>
             <td><input type="checkbox"/> Financing Available</td>
             <td width="357"><input type="checkbox"/> Good for kids</td>
          </tr>
           <tr>
             <td><input type="checkbox"/> City 2</td>
             <td><input type="checkbox"/> Moderate</td>
             <td><input type="checkbox"/> Smoking</td>
             <td><input type="checkbox"/> Accepts Credit Cards</td>
          </tr>
           <tr>
             <td><input type="checkbox"/> City 3</td>
             <td><input type="checkbox"/> Expensive</td>
             <td><input type="checkbox"/> Alcohol</td>
             <td><input type="checkbox"/> Delivery</td>
           </tr>
        </tbody>
     </table>
  </p>
<script>
$("h4").click(function () {
$(".jquery").toggle("slow");
});
</script>


</div>

Answer 1

从技术上讲，你是在告诉

要切换的标签，而不是表格。虽然您会假设该表将从

继承，但表已被破坏且过时，并且在每个浏览器中呈现方式不同，因此您不能指望它们会关注。我会向表添加一个 ID 并在其上调用切换，或者使用 jQuery 中的子选择器（当然，您在第一周不会学到）直接定位表。像这样的事情：

<table id="mytable">

$('#mytable').toggle('slow');

// or child selector method
$('.jquery table').toggle('slow'); 

// or another method, more advanced, but the same idea would be
$('.jquery :first-child').toggle('slow');