Показать / скрыть div со ссылкой та же ссылка также должна работать для содержимого вкладки

Название может показаться немного запутанным, поэтому я рисую эскиз, чтобы вы могли понять больше, чего я хочу достичь: 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/

Это не должен быть свиток.

Кто-нибудь может объяснить, как это должно быть сделано?