Javascript jQuery脚本冲突

我试图在我的网站上实现两种不同的简单jquery代码：

厨师

jQuery动画函数

在我将CookieCutter添加到代码中后，.animate停止工作

我是jquery初学者，因此任何建议都将受到高度赞赏

这是cookiecuttr代码（外部文件）

和.设置停止工作的动画（html格式）：

$（函数（）{
$（“#电话#U触发器”）。单击（函数（）{
$（“div#cta_nav”）。动画({
宽度：“切换”
});;
});
});

---

有什么建议吗？：）

因为您调用了noConflict（）

$

不再引用jQuery，所以使用

jQuery

来引用jQuery

在dom就绪处理程序中，您将收到jQuery实例作为第一个参数，您可以在dom就绪处理程序中将其命名为

$

，这样您就不必每次都使用较长的

jQuery

表单

jQuery(function ($) {
    $("#phone_trigger").click(function () {
        $("div#cta_nav").animate({
            width: 'toggle'
        });
    });
});

<script type="text/javascript">
$(function(){
$("#phone_trigger").click(function () {
$("div#cta_nav").animate({
width: 'toggle'
});;
});
});
</script>

jQuery(function ($) {
    $("#phone_trigger").click(function () {
        $("div#cta_nav").animate({
            width: 'toggle'
        });
    });
});