使用CSS点击显示/隐藏div

我有一个菜单和三个隐藏的div显示,取决于用户选择什么选项.我想使用CSS来点击显示/隐藏他们.我现在正在使用jquery,但是我希望可以使用js禁用它.有人在这里为其他人提供了 this code,但它只适用于div:hover或div:active,当我将其更改为div时:访问不起作用.我需要添加一些东西,也许这不是正确的方法吗?我感谢任何帮助:)

事情是我的客户希望这个特定的div在选择菜单时滑动/淡出,但是我仍然希望它们在javascript被关闭时正确显示.也许z-index可以做窍门?

解决方法

CSS没有一个onlclick事件处理程序.你必须使用Javascript.

查看更多信息在这里CSS伪类:http://www.w3schools.com/css/css_pseudo_classes.asp

a:link {color:#FF0000;}    /* unvisited link - link is untouched */
a:visited {color:#00FF00;} /* visited link - user has already been to this page */
a:hover {color:#FF00FF;}   /* mouse over link - user is hovering over the link with the mouse or has selected it with the keyboard */
a:active {color:#0000FF;}  /* selected link - the user has clicked the link and the browser is loading the new page */

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效