php伸缩菜单_jQuery特效---菜单伸缩展开收起效果

/p>

'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>

jquery菜单伸缩效果 www.iiwnet.com

$(document).ready(function(){

$('dd:not(:first)').hide();

$('dt a').click(function(){

$('dd:visible').slideUp('slow');

$(this).parent().next().slideDown('slow');

return false;

});

});

body { font-family: Arial; font-size: 16px; }

dl { width: 300px; }

dl,dd { margin: 0; }

dt { background: #F39; font-size: 18px; padding: 5px; margin: 2px; }

dt a { color: #FFF; }

dd a { color: #000; }

ul { list-style: none; padding: 5px; }

*请再次刷新页面查看效果

jQuery

• Download
• Documentation
• Blog

Js特效

• Mailing List
• Tutorials
• Demos
• Plugins

Jquery特效

• Source Code
• Bug Tracking
• Recent Changes