js实现的例子代码,效果为收缩菜单
没有太多的谈话,直接代码:注释复制代码代码如下所示:
DIV
{
border: 1px solid黑;
宽度:100px;
}
Tit,内容
{
列表样式类型:无;
}
。菜单
{
填料:0px;
保证金:0px;
}
。乳头
{
背景颜色:# 0094ff;
颜色:白色;
填料:2px 10px;
光标:指针;
}
$(函数(){())
直接启动/隐藏菜单
$()。隐藏();
对标题添加一个单击事件
$()。Click(函数(){)
当您单击时,打开菜单和其他隐藏菜单
$(这)。下()SlideDown()()。父母。兄弟姐妹()。孩子们(内容)的SlideUp();
。第一(下)})(。slideDown()); / /默认第一个菜单后
});
菜单1
一万一千一百一十一
一万一千一百一十一
一万一千一百一十一
一万一千一百一十一
菜单2
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
菜单3
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二