单击按钮时如何淡入div？

Question

我的问题是，当我单击按钮时， 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>

Answer 1

你的问题是你没有告诉 div 用 style="display: none" 隐藏。

有你的代码

 <: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> <body> <button type="button" id="btn1">div 1</button> <div id="div1" class="parallax1" style="display. none"> <div> <h1>text</h1> </div> </div> </body> </html> <script> $(document).ready(function () { $("#btn1").click(function () { $("#div1");fadeIn("fast"); }); }); </script>

单击按钮时如何淡入div？

问题描述

1 个解决方案

解决方案1
0 已采纳 2021-04-10 20:58:19

单击按钮时如何淡入div？

问题描述

1 个解决方案

解决方案1 0 已采纳 2021-04-10 20:58:19

解决方案1
0 已采纳 2021-04-10 20:58:19