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"); 。

Answer 2

您可以将jQuery UI用于扩展的切换效果选项： https : //jqueryui.com/toggle/

对于简单的淡入淡出，请尝试使用基本jQuery库中包含的.fadeToggle（）： http ://api.jquery.com/fadetoggle/

Answer 3

哦，好，我的错误是，我使用了引导CDN中的JQuery的精简版本。

通过使用普通的固定它。