小白虚心请教,这一块真的不是很懂,问题如题: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条)
报告相同问题?
提交
相关推荐 更多相似问题
- 2017-09-10 07:39回答 4 已采纳 ``` ```
- 2019-05-20 16:46回答 6 已采纳 ``` Document
- 2019-05-10 10:51回答 8 已采纳 源码地址:http://demo.ityun.xyz/qq_43009210/help.txt 演示地址:http://demo.ityun.xyz/qq_43009210/help.html
- 2020-10-29 21:09一 者的博客 本人前端小白,近日遇见这个需求不分多个li,把图片放在一个li里面操作,见效果图 第一页 点击之后下一页 可根据内容动态生成可点击的页数比如一页6张图,我这里只有11张所以不能点击下一页了,如果是13张图的话还...
- 2019-04-15 17:17clhq71932的博客 最近整理了一份HTML/CSS/JS编码规范,供大家参考。 一、HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的。但是一般要写一个...
- 2020-08-04 23:55Lgowen的博客 每日一题2020-08-04Object.defineProperty(object, propertyName, descriptorObject)1. 数据属性2. 访问器属性 2020-08-04 Object.defineProperty(object, propertyName, descriptorObject) 在ES中有两种属性,一种是...
- 2019-05-20 12:08回答 8 已采纳 id请保持**唯一性**,依楼主需求,请给每个div设置class属性即可(此处我设置为**key**) ``` $('.key').onclick(function() { //to
- 2016-04-12 01:45回答 1 已采纳 cookie设置有效期5分钟就行了,页面1判断下cookie是否存在 1 ``` 2 ```
- 2017-08-02 02:42回答 1 已采纳 ``` 手机号码 手机验证码 手机号13611020766 验证码 如果您在1分钟之内没有收到验证码,请
- 2018-08-06 00:34weixin_30559481的博客 从零开始搭建一个react项目 96 瘦人假噜噜 2017.04.23 23:29* 字数 6330 阅读 32892评论 31喜欢 36 项目地址 从头开始建立一个React App - 项目基本配置 npm init 生成 package.json 文件. 安装各种需要的依赖: npm ...
- 2019-02-15 22:06canxuezhang的博客 一个简单的验证带验证提示的评论例子</legend> 姓名</label> *</em><input id="cusername" name="username" size="25" class="required" minlength="2" /> </p> 电子邮件</label> *</em>...
- 2020-11-29 21:49前端小白匠的博客 本篇案例实现效果: 当滚动条滚动到一定高度的时候,逐渐显示“返回顶部”图标,点击该图标,动画效果,缓慢滚动到页面顶部。...创建一个div的盒子,设置背景宽高,固定定位,背景填充图片,以及初始display值...
- 2016-12-22 15:10回答 3 已采纳 ``` ```
- 2018-02-06 09:43回答 11 已采纳 ``` Document qq.comsina.com163.com ```
- 2020-06-10 00:11回答 1 已采纳 $(".b").html(); 或者 $(".a").eq(0).html();
- 2020-02-14 17:00神小夜的博客 1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 <div onclick="">...如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
- 2021-06-26 09:56little_shallot的博客 模拟手机端悬浮按钮功能,自动吸附两边,并且不能超过活动区域,上下超过自动吸附上或下 因为是移动端端事件,需要调试到移动端才可以看效果 以下是代码 <!DOCTYPE html> <html lang="en"> <head&...
- 2020-05-25 14:06GTW_Zeus的博客 Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图...
- 2019-05-24 00:09回答 2 已采纳 百度“js 数组合并”,结果: https://www.cnblogs.com/koala0521/p/7278056.html
- 2017-07-29 16:39vobear的博客 那都不是事,工作没了,再找呗,就像我上周五,团队解散那天,我是笑着走的,还给小白挥了挥手,微笑一个。那句话叫什么来着,佛祖虽给你关了一扇门,说不定会再给你开一扇窗。明天我就换工作了,我感谢我的同学。 a...
- 没有解决我的问题, 去提问