javascript - 活动和非活动 div

Question

我想在某个 div 不再显示时触发函数。我有很多 div，它们的作用类似于 Tab，但它们不是。有什么方法可以在更改 div 时添加某个事件侦听器？使用 css 显示和隐藏 div。我需要类似的东西：

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

编辑： 需要一些事件监听器来监听 div 可见和不可见的变化

Answer 1

在 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">

Answer 2

你有几个选项可以做到这一点：

1. JQuery： 有许多使用 JQuery 创建的选项卡示例。最好的之一是JQueryUI。您可以查看示例的源代码以了解它是如何完成的。

2. CSS：设置display为none隐藏元素并block显示它。

这是使用不同解决方案实现的选项卡集合。