CSS3 onclick激活另一个DIV的动画

Question

我有一个菜单栏链接到我页面上的锚点.目前,页面中的内容在初始页面加载时使用CSS3进行动画淡化,但我希望在菜单栏中的某个锚链接被点击后淡入其中.我怎么做？

例如.然后按下关于.aboutinfo CSS动画被激活.

Answer 1

这是一个即使只使用CSS也没有onclick的演示(没有javascript)http://jsfiddle.net/kevinPHPkevin/K8Hax/

CSS

#box1 {
    display:none;
}
#box1:target {
    display:block;
}

HTML

<a href="#box1">Click Me</a>
<div id="box1">test test</div>