专栏首页李才哥常见闭合百叶窗

常见闭合百叶窗

<!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>

本文分享自微信公众号 - 李才哥(liqi13695515224),作者:小马哥

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-10-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 关于赋值和内存的问题

    李才哥
  • vue学习总结----图示版1.0

    杂而不精的生活似乎总是要被人们吐槽,没那么丰富,也没那么平凡,像是一个瞎折腾的人生,有很多事情做,又整日无所事事的样子。这样的日子自己总算过得舒坦,...

    李才哥
  • Myeclipse 2017 Ci 5中文版

    1、解压安装包,并点击“myeclipse-2017-ci-5-offline-installer-windows.exe”开始正式的安装,等待解压完成

    李才哥
  • jquery循环 each()

    对jquery选择的对象集合分别进行操作,需要用到jquery循环操作,此时可以用对象上的each方法:

    Devops海洋的渔夫
  • Cypress学习12-父子元素定位

    若要在元素中获取所有下一个同级DOM元素,直到另一个元素,请使用.next until()命令。

    上海-悠悠
  • Pug迭代

    听着music睡
  • pyhon 列表的增删改查

    py3study
  • 第3章 排列清单控制标记

    排列清单控制标记可以创建一般的列表、编号列表或加着重号列表,以及定义列表。还可以在一种列表中嵌套另外一种列表。对于概况因特网上的内容,列表特别重要。

    py3study
  • js 为 li 循环添加 class

    前段时间有个小伙伴想在新闻列表页面的 ul 里面为每个 class 循环添加带 1  2  3  4的 class,正巧昨天做一个站也用到了类似 for 循环,...

    Savalone
  • li、img等元素设置inline-block后的空白间距问题

    关于使用 inline-block 来代替 float 的讨论也挺多的,最常见的就是使用 inline-block 来代替 float 进行布局。

    德顺

扫码关注云+社区

领取腾讯云代金券