jQuery下拉菜单tab切换+tab选项卡标签切换代码

来源:https://www.sucaihuo.com/js/5009.html 2019-12-20 11:12浏览(790) 收藏

简单实用的jQuery下拉菜单tab切换+tab选项卡标签切换代码。
jQuery下拉菜单tab切换+tab选项卡标签切换代码
分类:导航菜单 > 下拉导航 难易:初级
查看演示 下载资源: 30 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
<script type="text/javascript">
$(function(){

	$(".menu ul li").click(function(){
		$(this).find("dl").slideToggle(200).parent().siblings().find("dl").slideUp(200);
		$(this).find("span i").toggleClass('action').parents().siblings().find("span i").removeClass('action');
	})
	
	
	$(".tab ul li").click(function(){
		$(".tab ul li").removeClass('action');
		$(this).addClass('action');
		$(".box .item").hide();
		$(".box .item").eq($(".tab ul li").index(this)).show();
	})
	
})
</script>
评论1
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 沙发
    10-19 13:57
    史***张
    不错,学习下看看。惊吓
1 2