html - リンクと同じリンクで div を表示/非表示にすると、タブのコンテンツでも機能するはずです

Question

タイトルは少しわかりにくいかもしれないので、私が達成したいことをより理解できるようにスケッチを描きます: 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/

巻物であってはなりません。

誰がこれをどのように行うべきか説明できますか?