主动和非主动div

Question

我想在不再显示某个div时触发功能。我有大量的div像Tabs一样，但它们不是。 有什么方法可以在更改div时添加某个事件监听器吗？ 使用css显示和隐藏div。 我需要这样的东西：

div.active : //do stuff
div:inactive :  //do stuff

修改 需要一些事件监听器来监听div的可见和不可见的变化

Answer 1

您有多种选择：

1. JQuery：使用JQuery创建了许多选项卡示例。其中最好的是JQueryUI。您可以查看示例的来源，了解它是如何完成的。

2. CSS：将display设置为none以隐藏元素，并block显示该元素。

Here是使用不同解决方案实现的标签集合。

Answer 2

在Javascript中：

document.getElementById('divid').style.display="none";  //Hide div
document.getElementById('divid').style.display="block";  //Show Div

在HTML中：

<div style="display:none">
<div style="display:block">