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

(小白)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 求差集那个函数有问题,有无佬可以解决
  • ¥15 MATLAB动图问题
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名