Question

我页面的站点地图，我将其设置为单击并显示第二个div（更多信息）当我预览第二个div已经打开并且点击关闭并相应打开时，我想第一次显示它，被关闭。（以下示例不起作用，我不知道为什么，在预览网上它没关系）

＆＃13;

<script>
$(document).ready(function(){
    $("div.sitemapline").click(function(){
        $("div.sitemapfooter").toggle();
		    });
});
</script>

＆＃13;

.sitemapline {
	width:100%;
	border:solid #F00;


}



.sitemapline2 li {
	display:inline-block;
	text-align:center;
}

＆＃13;

<!DOCTYPE HTML>
<html>
<head>
<title>sitemap footer</title>
</head>
<body>
<div class="sitemapline">
<div class="sitemapline2"><ul>
<li>Copyright ©.</li>
<li>Privacy Policy</li> 
</ul>
  </div>	</div>
  
  
  <div class="sitemapfooter">
<div>
<ul><h2>About Us</h2>
</ul>
</div>
</div>

＆＃13;

第一次显示它已关闭

Answer 1

只需将元素的内联样式设置为display: none，然后默认在页面加载时隐藏。

$(document).ready(function(){
    $("div.sitemapline").click(function(){
        $("div.sitemapfooter").toggle();
    });
});

.sitemapline {
	width:100%;
	border:solid #F00;
}

.sitemapline2 li {
	display:inline-block;
	text-align:center;
}

<!DOCTYPE HTML>
<html>
<head>
<title>sitemap footer</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
</head>
<body>
<div class="sitemapline">
<div class="sitemapline2"><ul>
<li>Copyright ©.</li>
<li>Privacy Policy</li> 
</ul>
  </div>	</div>
  
  
  <div class="sitemapfooter" style="display: none">
<div>
<ul><h2>About Us</h2>
</ul>
</div>
</div>

Answer 2

您可以将此代码添加到脚本顶部，以便在页面打开时隐藏它。

model = keras.applications.vgg16.VGG16(include_top=True,
                                   input_shape=(48, 48, 3),
                                   classes=10)

最好的方法是使用CSS，因为这会在jQuery运行之前隐藏元素，而不是在DOM加载之后隐藏元素。

CSS

$(".sitemapfooter").hide();

Answer 3

只需将display: none添加到sitemapfooter div，它就会在启动时隐藏。

.sitemapfooter {
    display: none;
}

Answer 4

如果我正确理解您的问题，您希望默认隐藏第二个div。

为了实现这一目标，您必须更改针对“sitemapline2”类的css代码，并添加无显示样式。

这将导致“sitemapline2”类的div不显示在开头，当您单击jquery函数时，将运行以更改css样式以显示：block显示您的info div。

HTML目标 - 首先单击ON DIV，然后打开第二个div

4 个答案: