html折叠菜单jq,CSS+jQuery实现简单的折叠菜单

废话不多说了，直接给大家贴代码了，具体代码如下所示：

折叠菜单

body{

background:grey;

font-family:Microsoft Yahei;

color:white;

}

.types a{

text-decoration:none;

color:white;

}

.types ul{

display:none;

}

.files ul{

display:none;

}

$(document).ready(function(){

var span=$(".files").find("span");

var ul=$(".files").find("ul");

span.bind("click",function(){

ul.each(function(){

$(this).css("display","none");

});

$(this).next().css("display","block");

});

});

• 文件2-1

  • 文档2-1-1
  • 文档2-1-2

• 文件2-2

  • 菜单2-2-1
  • 菜单2-2-2

• 文件2-3

  • 菜单2-3-1
  • 菜单2-3-2

以上所述是小编给大家介绍的CSS+jQuery实现简单的折叠菜单，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！