Javascript幻灯片切换隐藏的div不工作

时间:2016-11-06 23:39:49

标签: javascript slidetoggle

我正在使用下面的Javascript在隐藏的DIV上滑动切换,但是我的鼻涕工作,我必须有语法错误&似乎无法纠正它。

<script language="javascript"> 
    function toggle() {
    var ele = document.getElementById("header-contact-form-wrap");
    var text = document.getElementById("request-a-quote");
    if(ele.style.display == "block") {
        ele.style.display = "none";
        text.innerHTML = "<i class='fa fa-star-half-o'></i> Request a Quote";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "X Close";
    }
    $('#header-contact-form-wrap').slideToggle("slow");
} 
</script>

1 个答案:

答案 0 :(得分:0)

您正在使用很多的jQuery代码。你有启用jQuery的吗?如果没有,请将其包含在您的代码中,如下所示:

<script src="https://code.jquery.com/jquery-3.1.1.js"></script>

如果您需要其他版本,请访问此站点。 https://code.jquery.com/jquery/