<meta name=”viewport” content=”width=device-width, initial–scale=1.0″>
<meta http–equiv=”X-UA-Compatible” content=”ie=edge“>
<style>
* {
margin: 0;
padding: 0;
}
li {
}
.tab {
}
background–color: #f1f1f1;
}
}
background–color: #c81623;
}
}
.item {
}
</style>
<script src=”jquery.min.js“></script>
<script>
$(function(){
/* 思路分析:
1.点击上部的li,当前li 添加current类,其余兄弟移除类。
3.让下部里面相应索引号的item显示,其余的item隐藏 */
//1.当前li添加current属性,其他兄弟清除current属性
$(this).addClass(“current”).siblings().removeClass(“current”);
$(“.item“).eq(index).show().siblings().hide();
});
});
</script>
</head>
<body>
<ul>
<li>规格与包装</li>
<li>售后保障</li>
</ul>
<div class=”item” style=”display: block;”>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
</script>
</body>
</html>
原文地址:https://blog.csdn.net/Aa132135/article/details/133688795
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_28452.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!