jquery slideToggle在使用引导v4时不工作

Question

我在jquery slideToogle上遇到了麻烦。当我使用常规切换(隐藏/显示)时，它可以工作。此外，当我使用引导程序的v4‘塌陷’时，没有问题。但是我希望有自定义的jquery，而不是像幻灯片的速度那样有更多的控制。

下面是我的代码: Jquery：

<script> 
$(document).ready(function(){
    $("#reservas").click(function(){
        $("#reservas_form").slideToggle("slow");
    });
});
</script> 

Answer 1

问题是，您使用的是瘦版本的jQuery，它不包括.slideToggle()。尝试包括常规版本的jQuery来解决您的问题。我相信引导程序默认使用苗条版本。

Answer 2

苗条版本排除了像slideToggle所期望的动画效果，因此函数没有定义。

苗条身材 有时您不需要ajax，或者您更喜欢使用关注ajax请求的众多独立库之一。而且通常情况下，将CSS和类操作结合起来用于所有的web动画是比较简单的。除了包含ajax和效果模块的常规jQuery版本之外，我们还发布了一个“瘦”版本，排除了这些模块。

使用jquery的工作示例

​

$("#menu").click(function(){
        $("#content").slideToggle("slow");
 });

#content{
  display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="menu">Show Menu</div>
<div id="content">Menu Contnet</div>

​