Simple JQuery Collapsing menu

Same menu as seen here but now as a simple collapsing menu.

Source

For this the source code becomes as ridiculously simple as this:

  1. function initMenu() {
  2. $('#menu ul').hide();
  3. $('#menu li a').click(
  4. function() {
  5. $(this).next().slideToggle('normal');
  6. }
  7. );
  8. }
  9. $(document).ready(function() {initMenu();});

Download

Download everything in a zip file

下载代码说明
X关闭

jquery+Css黑色风格版(手风琴菜单)

jquery+Css黑色风格版的手风琴菜单，老外编写的，还带有动感效果，当菜单展开的时候，是一种缓冲效果的慢慢展开，这样给人的感觉很舒服，jQuery生成的缓冲效果会比JS的更平滑；手风琴菜单其实就是折叠菜单，有横向或竖向的，根据你网站的网页布局，再加上老外的示例，修改一下就能用在你的网站上。