显示/隐藏div与链接相同的链接也应该适用于选项卡内容

Question

标题可能看起来有点令人困惑所以我画了一个草图，这样你就可以了解更多我想要实现的目标：https://www.dropbox.com/s/luoiz4erg4jfk8y/howitshouldwork.png

标签功能基于液体滑块

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

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 animate函数来完成这一过程非常简单。