如何使用CSS显示和隐藏div？
在我的脚本中有三个div。我想class="ab"在第一行悬停时显示div
class="abc"，而在第二行悬停时显示。否则，我想class="a"默认显示div 。
但它永远不会显示带有的div class="a"。
.abc,.ab {
display: none;
}
#f:hover ~ .ab {
display: block;
}
#f:hover ~ .abc,.a {
display: none;
}
#s:hover ~ .abc {
display: block;
}
#s:hover ~ .ab,.a {
display: none;
}
<a id="f">Show First content!</a>
<br/>
<a id="s">Show Second content!!</a>
<div class="a">Default Content</div>
<div class="ab">First content</div>
<div class="abc">Second content</div>
问题答案：
你需要
.abc,.ab {
display: none;
}
#f:hover ~ .ab {
display: block;
}
#s:hover ~ .abc {
display: block;
}
#s:hover ~ .a,
#f:hover ~ .a{
display: none;
}
原始CSS中的问题是,in css选择器启动了一个全新的选择器。它没有结合..所以#f:hover ~ .abc,.a意味着#f:hover ~ .abc和.a。您将display:none其设置为始终对所有.a元素都隐藏。
-
问题内容： 我有一个菜单和三个隐藏的div，这些div取决于用户选择的选项。我只想使用CSS来显示/隐藏它们。我现在正在使用jquery，但我希望禁用js即可访问它。此处有人为其他人提供了此代码，但仅在div：hover或div：active时有效，当我将其更改为div：visited时它不起作用。我是否需要添加某些内容，或者这不是正确的方法？感谢您的帮助:) 问题是我的客户希望菜单被选中时此di
-
问题内容： 我想显示一个带有控件的基本html表，以切换其他列的显示/隐藏： 因此，默认情况下，列1和列2将是唯一显示的列-但是，当您单击列1时，我希望1a和1b切换，与列2和2a和2b相同。我可能最终会有更多的列和很多行- 因此，当我进行测试时，任何JavaScript循环方法都太慢而无法使用。 似乎足够快的唯一方法是设置一些CSS，如下所示： 然后在表标题单元格上设置onClick函数调用，这
-
本文向大家介绍如何使用animate()，隐藏和显示元素？，包括了如何使用animate()，隐藏和显示元素？的使用技巧和注意事项，需要的朋友参考一下 使用和方法来隐藏和显示元素。 示例 您可以尝试运行以下代码，以了解如何使用方法来隐藏和显示元素：
-
问题内容： 如何使用JSF显示/隐藏组件？我目前正尝试在javascript的帮助下做同样的事情，但没有成功。我不能使用任何第三方库。 谢谢| 阿比 问题答案： 通常，您需要通过其clientId获得该控件的句柄。本示例使用带有请求范围绑定的JSF2 Facelets视图来获取另一个控件的句柄： 确切的操作方式取决于您正在使用的JSF版本。有关较早的JSF版本，请参见此博客文章：JSF：使用组件标
-
问题内容： 对于我正在做的网站，我想加载一个div，然后隐藏另一个，然后有两个按钮可以使用JavaScript在div之间切换视图。 这是我当前的代码 替换div2的第二个功能不起作用，但第一个功能起作用。 问题答案： 如何显示或隐藏元素： 为了显示或隐藏元素，请操纵元素的style属性。在大多数情况下，您可能只想更改元素的属性： 或者，如果您仍然希望元素占用空间（例如，如果您要隐藏表格单元格），
-
对于我正在做的一个网站，我想加载一个div并隐藏另一个，然后有两个按钮可以使用JavaScript在div之间切换视图。 这是我当前的代码 null null 取代div2的第二个函数不起作用，但第一个是。