Jquery 我想创建滑动面板_Jquery

Jquery 我想创建滑动面板

jquery

Jquery 我想创建滑动面板,jquery,Jquery,我想创建滑动面板，但它不工作，你能建议我吗 <!DOCTYPE html> <html> <head> $(Document).Ready(function(){ $("#flip").Click(funcTion(){ $("#panel").slidedown("slow"); }); }); </script> </head> <body> <div id="flip">

我想创建滑动面板，但它不工作，你能建议我吗

<!DOCTYPE html>
<html>
<head>
$(Document).Ready(function(){
    $("#flip").Click(funcTion(){
        $("#panel").slidedown("slow");
    });
});
</script>


</head>
<body>

<div id="flip">Click to slide down panel</div>
<div id="panel"> This is content</div>

</body>
</html>


$（文档）.Ready（函数（）{
$（“#翻转”）。单击（函数（）{
$（“面板”）。向下滑动（“慢速”）；
});
});
单击以向下滑动面板
这就是内容

首先，您有一个包含库，您不能编写函数，就像函数一样，或者slideDown可以slideDown

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $("#flip").click(function() {
                    $("#panel").slideDown("slow");
                });
            });
        </script>

        <style> 
            #panel, #flip {
                padding: 5px;
                text-align: center;
                background-color: #e5eecc;
                border: solid 1px #c3c3c3;
            }

            #panel {
                padding: 50px;
                display: none;
            }
        </style>
    </head>
    <body>

        <div id="flip">Click to slide down panel</div>
        <div id="panel">This is content</div>

    </body>
</html>


$（文档）.ready（函数（）{
$（“#翻转”）。单击（函数（）{
$（“面板”）。向下滑动（“慢速”）；
});
});
#面板#翻转{
填充物：5px；
文本对齐：居中；
背景色：#e5eecc；
边框：实心1px#c3c3；
}
#面板{
填充：50px；
显示：无；
}
单击以向下滑动面板
这就是内容

检查脚本标签您忘记了脚本标签和库 并首先隐藏要滑动的div


$（文档）.Ready（函数（）{
$（“#翻转”）。单击（函数（）{
$（“面板”）。向下滑动（“慢速”）；
});
});

Google

先问，然后再问。@janardan:需要做的改动很少请检查我的答案

<html>
        <head>
<!--import your jquery library-->
        <script>
        $(Document).Ready(function(){
            $("#flip").Click(funcTion(){
                $("#panel").slidedown("slow");
            });

    });
    </script>