javascript - JQuery - 切换效果不起作用

Question

我正在尝试为我的元素添加切换效果。

它正确切换，但没有效果。效果只显示div吗？这是我的代码:

$(".toggler").click(function(event) {
  var clickedElement = $(event.target);
  $(clickedElement).parent().parent().next("tr").find("td").toggle("slow", 1000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td class="details" style="display: none;" colspan="6">
  <p>This is an example column...</p>
  <p>This is an example column...</p>
</td>


<table class="table table-responsive">
  <tbody>
    <tr>
      <th><a class="toggler">First</a></th>
      <th><a class="toggler">Second</a></th>
      <th><a class="toggler">Third</a></th>
    </tr>
  </tbody>
</table>

提前致谢

Answer 1

jQuery toggle() 的参数是speed、easing 和callback。您正试图在第一个和第二个参数中传递速度。它应该是 toggle(1000); 或 toggle("slow");。