单击另一个div时显示div

时间:2014-07-24 15:50:22

标签: javascript jquery html css

我想在另一个div的点击上显示div。基本上,我有一个完整的地图,我将其分为4个部分。当用户点击一个部分时,它将显示该部分。每个部分都包含其他图像和链接,基本上是其他div。

我知道CSS的{display:none}属性,但我想知道这是否只会让它不可见(链接仍然可以点击,但你无法看到它们)或者这样做让div完全消失?

2 个答案:

答案 0 :(得分:2)

我不确定你要求的是什么(标题/第一段和第二段似乎在提出不同的问题),但这是第二段的答案:

display: none;从布局中删除元素,但不删除DOM。您无法单击它,但您仍然可以通过JavaScript与其进行交互。 visibility: hidden;使元素完全透明,但在布局中保持其位置。同样,你不能点击它,但你仍然可以通过JavaScript与它进行交互。

答案 1 :(得分:0)

如果您想拥有地图图像,然后当您将鼠标悬停在地图的各个部分上时,地图上的某些内容会发生变化,例如在该部分中加载另一个div,则可以使用zindex并将其悬停在css中。

如果你想在点击地图部分时做某事,那么将其中的一些jquery添加到混合中

所以你的地图将是一张背景图片。 当你将鼠标悬停在它们上面时,你的部分会发生变化:简单的css:hover将使用一些z-index技巧来做到这一点。 然后你可以做一个简单的onclick在你想要覆盖的div的位置上加载这个div。

这就是你想要的吗?

相关问题