html - 使用链接显示/隐藏 div 相同的链接也适用于选项卡内容

Question

标题可能有点乱，画个草图，让大家更明白我要实现的目标:https://www.dropbox.com/s/luoiz4erg4jfk8y/howitshouldwork.png

tab功能基于liquidslider

我已经开始过渡部分了，但我需要一些帮助...

CSS:

li a:onClick + .bottom {
  -webkit-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  bottom: 400px; 
} 

http://jsfiddle.net/ea9VT/1/

应该不是卷轴

谁能解释一下应该怎么做？

Answer 1

我的建议是您可以为这个动画使用 Jquery。我希望这可以通过使用 JQuery 动画功能非常简单地完成。