Simple JQuery Accordion menu扩展版
八月 20, 2008, Posted by cike at 4:11 下午
Simple JQuery Accordion menu 作者网址：http://www.i-marco.nl/weblog/jquery-accordion-menu/
直接给代码了，还不是最佳算法，用了一个removeClass两个toggleClass，扩展了菜单前的提示图标，查看DEMO
$(‘#zuopin dd’).hide(); //全部隐藏
//$(‘#zuopin dd:first’).show(); //启用则默认开启第一个隐藏项
$(‘#zuopin dt’).click(function(){
//$(‘#zuopin dd:first’).show(); //启用则默认开启第一个隐藏项
$(‘#zuopin dt’).click(function(){
$(‘#zuopin dt.bt-fen’).removeClass(“bt-fen”);
//非第一起点击时起效，切换已展开的图标为关闭状态
$(this).toggleClass(“bt-fen”)//当前样式
var checkElement = $(this).next();
if((checkElement.is(‘dd’)) && (checkElement.is(‘:visible’))) {
//对展开的部分处理
$(‘#zuopin dd:visible’).slideUp();
$(this).toggleClass(“bt-fen”)
return false;}
if((checkElement.is(‘dd’)) && (!checkElement.is(‘:visible’))) {
//对隐藏的部分处理
$(‘#zuopin dd:visible’).slideUp();
checkElement.slideDown();
return false;}
});
