Javascript 为什么要贴标签；p"；don'；当我点击按钮时，不要向下滑动；隐藏“；或；“显示”；_Javascript_Jquery

Javascript 为什么要贴标签；p"；don'；当我点击按钮时，不要向下滑动；隐藏“；或；“显示”；

javascript jquery

Javascript 为什么要贴标签；p"；don'；当我点击按钮时，不要向下滑动；隐藏“；或；“显示”；,javascript,jquery,Javascript,Jquery,当我单击隐藏或显示按钮时，标签“p”不会向下滑动。但当功能为fadeToggle时，它可以运行。单击“隐藏”或“显示”时，如何让标签“p”向下滑动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery</title> <script src="ht

当我单击隐藏或显示按钮时，标签“p”不会向下滑动。但当功能为fadeToggle时，它可以运行。单击“隐藏”或“显示”时，如何让标签“p”向下滑动

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(document).ready(
            function () {
                $("button").click
                (   function ()
                    {
                       // $("p").fadeToggle("slow");
                       // $("p").fadeTo("slow");
                        $("p").slideDown("slow");

                    }
                );
            }
        );

    </script>

</head>
<body>
    <p id="p1">hello show and hide</p>
    <button type="button">hide</button>
    <button type="button">show</button>
</body>



</html>


jquery
$（文件）。准备好了吗(
函数（）{
$（“按钮”）。单击
（功能（）
{
//美元（“p”）。快速切换（“慢速”）；
//美元(p),法代托(慢);；
美元（“p”）。向下滑动（“缓慢”）；
}
);
}
);
你好，显示和隐藏
隐藏
显示

您可以使您的

标记在加载时隐藏，然后在单击任何按钮（例如：隐藏/显示）时，根据此

向下滑动

或

向下滑动

您的

标记，检查它是否具有特定的类

演示代码：

$（“按钮”）。单击（函数（）{
//检查按钮是否具有显示类。。
$（this）.hasClass（“show”）？$（“p”）。slideDown（“slow”）：$（“p”）。slideUp（“slow”）；
});
p#p1{
显示：无
}

你好，显示和隐藏
隐藏
show
您的#p1
应该先隐藏，然后才能向下滑动。请检查我下面的代码

$（文档）。准备好了吗(
函数（）{
$（“按钮”）。单击（函数（）{
//美元（“p”）。快速切换（“慢速”）；
//美元(p),法代托(慢);；
美元（“p”）。向下滑动（“缓慢”）；
});
}
);
#p1{
显示：无
}

jquery
你好，显示和隐藏
隐藏
显示