Question

所以我有这段代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    $(document).ready(function()
    {
       $(".regcontainer").hide();
       $(".registrateimg").click(function(){
       $(".regcontainer").animate({
        height:"toggle",   
        opacity:"toggle"}
        ,"slow");});
    }
    );
</script>

问题是，当我加载页面时，注册表单就在那里，必须先隐藏它，直到点击图像，该类是注册表。我想我的代码还可以。我看到了另一个与此相似的主题，但问题是它没有使用$（document）.ready ...而且在这里。我不知道我的错误在哪里。

Answer 1

使用两个脚本标记，一个用于加载jQuery，一个用于您自己的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
    $(document).ready(function()
    {
        $(".regcontainer").hide();
        $(".registrateimg").click(function(){
        $(".regcontainer").animate({
        height:"toggle",
        opacity:"toggle"}
        ,"slow");});
    }
    );
</script>

（另外，你不需要输入类型=＆＃34; text / javascript＆＃34; bit）

Answer 2

你可以用另一种方式。以下方法将隐藏您的元素

$(".regcontainer").css("display","none");

或

$(".regcontainer").css('opacity', '0');

不透明度切换不起作用

2 个答案: