river_gg 2017-09-10 07:39 采纳率: 87.5%
浏览 3178
已采纳

（小白）JS/JQ怎么实现点击一个小图标隐藏一个div并且图标更换为另一个

小白虚心请教，这一块真的不是很懂，问题如题：JS/JQ怎么实现点击一个小图标隐藏一个div并且图标更换为另一个，再次点击显示内容，并且图标还原。各位大佬，如果能给个例子代码就更好了。谢谢啦(可以使用bootstrap)

  • 写回答

4条回答 默认 最新

  • innerpeacez 2017-09-11 04:13
    关注
     <script>
        $(function () {
            $("#btn1").click(function () {
                $("#d1").slideToggle();
                $("#d2").slideToggle();
            });
        });
    </script>
    </head>

    <body>
        <div id="d1" style="width: 100px; height: 100px; border: 1px solid blue;float: left; display: none;"></div>
        <div id="d2" style="width: 100px; height: 100px; border: 1px solid red;float: left;"></div>
        <div style="float: left;">
            <input type="button" id="btn1" value="click" />
        </div>
    </body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

悬赏问题

  • ¥15 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心，用keiluVision5写出让点阵屏显示静态爱心的代码，越快越好
  • ¥15 PSPICE制作一个加法器
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 java 的protected权限 ，问题在注释里
  • ¥15 这个是哪里有问题啊？