Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮时如何淡入div?_Javascript_Html_Jquery_Css - Fatal编程技术网

Javascript 单击按钮时如何淡入div?

Javascript 单击按钮时如何淡入div?,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我的问题是当我点击按钮时,div容器不会消失。有人能帮忙吗 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js&qu

我的问题是当我点击按钮时,
div
容器不会消失。有人能帮忙吗

 <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <link rel="stylesheet" href="stlye1.css">
        <title>Document</title>
        <script src="myscripts.js"></script>
    </head>
    
    <script>
    $("#header1").click(function () {
        $("#section_one").fadeIn('fast');
    });
    </script>
    
    <body>
        <button type="button"  id="header1">div 1</button>
        <div id="section_one" class="parallax1">
            <div>
                <h1>text</h1>
            </div>
        </div>
    </body>
    </html>

文件
$(“#标题1”)。单击(函数(){
$(“第一节”).fadeIn(‘快速’);
});
第一组
文本

您的问题是没有告诉div使用style=“display:none”隐藏

这是你的密码


文件
第一组
文本
$(文档).ready(函数(){
$(“#btn1”)。单击(函数(){
美元(“#div1”).fadeIn(“快速”);
});
});

实际上我做的这是css中的代码。视差x1{显示:无;宽度:200px;高度:200px;背景色:红色;左填充:30px;页边空白顶部:33px;}css文件的名称是什么?因为您在html头部将其命名为stlye1.css,而不是style1.css。您还可以在您的F12控制台中的browsercss文件中看到这些错误,这很好,这是脚本问题,您的jquery代码可以正常工作,谢谢。