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

标题似乎有些混乱，所以我画了一个草图，这样您就可以了解更多我想要实现的目标：https://www.dropbox.com/s/luoiz4erg4jfk8y/howitshouldwork.png

选项卡功能基于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/

它不应该是卷轴。

谁能解释应该怎么做？

最佳答案

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