如何用jQuery实现下拉菜单

代码部分

布局


		
  • 新闻中心

    • 添加新闻
    • 添加新闻
    • 添加新闻
    • 添加新闻
  • 关于我们

    • 关于我们
    • 关于我们
    • 关于我们
    • 关于我们
  • 业务系统

    • 业务系统
    • 业务系统
    • 业务系统
    • 业务系统
  • 联系我们

    • 联系我们
    • 联系我们
    • 联系我们
    • 联系我们

样式


jQuery

$(function(){
		  $(".one").toggle(function(){      //toggle是两次点击事件,这里是第一次点击
			$(this).children("ul").slideDown("");   //slideDown()是向下滑出现的效果
			$(this).siblings().children("ul").slideUp("");    
		  },function(){                    //第二次点击
			$(this).children("ul").slideUp("");
		  });
		})

如何用jQuery实现下拉菜单_第1张图片

你可能感兴趣的:(jQuery)