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代码可以正常工作,谢谢。