html div 切换,创建切换，出现，与HTML和CSS滑动div（也许jQuery？）

嘿所以我想创建一个网页，我可以点击一个按钮，一节将从标题下方滑出，揭示内容。当它滑出时，它下面的所有元素也应该滑落。创建切换，出现，与HTML和CSS滑动div(也许jQuery？)

我有种得到这只是HTML和CSS的工作......我的方法是你点击哪个是滑出自己，当你点击并按住它会滑下来。一旦你释放点击div滑回备份。

这是通过这个CSS放置在滑出的div完成：

#slide-out {

-moz-transition: all 1s ease-in;

-webkit-transition: all 1s ease-in;

-o-transition: all 1s ease-in;

transition: all 1s ease-in;

z-index: -1;

height: 73px;

margin-top: -98px;

position: relative ;

}

#slide-out:active {

margin-top: 0px;

}

这里是HTML陪是：

Project

Test

The Team

但是我想它，以便：

高度可以大得多，不会影响任何后续元素

我不需要按住按钮来滑出(更多的肘节机制)

我可以点击一个不是div滑出的按钮或div滑出的任何东西

非常感谢！

2013-03-06

louisdeb

+0

[？你尝试过什么(http://whathaveyoutried.com) 你可能不得不诉诸JS来在第一个元素完成其运行后，让子元素滑出。 –

2013-03-06 17:46:30