php - 我如何获得点击动画并显示 div 的链接？

Question

所以我有一个栏，我想要一个注册链接，当您单击它时，它会在链接左侧显示一些文本链接。

下面有一些之前和之后的视觉效果。

我尝试了一些 javascript，但效果不佳，我希望它能动画化，但如果我无法弄清楚，现在还可以。有什么想法吗？

Answer 1

也许您可以使用:target 伪类选择器 和一些CSS3 过渡？在这种情况下，当您单击链接时，div 的不透明度会发生变化并使其可见。我不确定您需要支持哪些浏览器？这在 IE 7 或 8 中不起作用。

这是转换的代码:

HTML

<a href="#id1">Sign Up</a>

CSS

#id1 {

    opacity: 0;    
}


#id1:target {
    -webkit-transition: opacity 0.5s ease-in-out;
       -moz-transition: opacity 0.5s ease-in-out;
         -o-transition: opacity 0.5s ease-in-out;
                                      opacity: 1;

演示 - jsFiddle

编辑:这是我快速制作的第二个示例(幻灯片效果)，因此运行不流畅，但它至少显示了可能性 - jsFiddle2 (网络工具包)。