为了账号安全,请及时绑定邮箱和手机立即绑定

关于slideup()和slidedown()没有效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>使用slideUp()和slideDown()方法的滑动效果</title>

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

        <link href="style.css" rel="stylesheet" type="text/css" />

    </head>

    

    <body>

        <h3>使用slideUp()和slideDown()方法的滑动效果</h3>

        <div>

            <h4>我喜欢吃的水果</h4>

            <ul>

                <li>苹果</li>

                <li>甘桔</li>

                <li>梨</li>

            </ul>

            <input id="hidval" type="hidden" value="0"/>

        </div>

        

        <script type="text/javascript">

            $(function () {

                $("h4").bind("click", function () {

                    if ($("#hidval").val() == 0) {

                        $("ul").slideUp(3000,funtion() {

                            $("#hidval").val(1);

                        })

                    } else {

                        $("ul").slideDown(3000,funtion(){

                            $("#hidval").val(0);

                        })

                    }

                })

            });

        </script>

    </body>

</html>


正在回答

1 回答

 $("ul").slideUp(3000,funtion() {

                            $("#hidval").val(1);

                        })

                    } else {

                        $("ul").slideDown(3000,funtion(){

                            $("#hidval").val(0);

function

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

关于slideup()和slidedown()没有效果

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信