javascript - 当我点击不同的 DIV 时，会出现一个可点击的对象

Question

请参阅我包含的图像。当您单击表格中的一行时（它很可能不是表格，因为每一行都可能是 Dojo 小部件），“下拉阴影”出现并且是可点击的。当用户单击它时，会出现一个新的内容层，并且下拉阴影从“打开”切换到“关闭”。

这一切都可以用 CSS 完成，意思是做一个 Hover:After 类型事件，还是我必须使用 JS 来实现这一点？JS 不是问题，只是想确认我必须使用 JS 来实现它。

Answer 1

点击事件需要Javascript，

1 - 您可以通过悬停显示附加内容

2 - 然后将其绑定到单击（*没有点使用悬停，因为旧 IE 不起作用，除非它是锚标记<a>*）

3 - 然后你可以用js切换文本。

:)

记住

• css 用于视觉
• js 是为了行为 :)

Answer 2

在 CSS 中有一个使用:target伪类的选项（更多关于这里https://developer.mozilla.org/en-US/docs/CSS/:target），但我不确定这是否适用于您的情况- 您必须为每一行创建单独的元素，这似乎并不明智。