常见闭合百叶窗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<ul>
<li>
<p>小马哥大侠</p>
<ul style="display: none">
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</li>
<li>
<p>小马哥大侠</p>
<ul style="display: none">
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</li>
<li>
<p>小马哥大侠</p>
<ul style="display: none">
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</li>
</ul>
<script>
$(function () {
$("p").click(function () {
$(this).next().slideToggle();
$("ul>li>ul").not($(this).next()).slideUp()
})
})
</script>
</body>
</html>本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2018-10-23，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读