<script>$(document).ready(function(){$('course-button').on('click',funtion(){var oldae = $(this).attr('aria-expended') === 'true';// 设置或返回被选元素的值$('.course-button').attr('aria-expanded','false'');$('.panel-group').find('.course-button').each(function(){ // each() 规定为每个匹配元素运行的函数var _span = $(this).find('.glyphicon'); // find() 通过选择器、jQuery 对象或元素来筛选获得当前元素集合中每个元素的后代if  ($(this).attr('aria-expandaed') ==='true'){
_span.removeClass('glyphicon-plus');_span.addClass('glyphicon-minus');}else{_span.removeClass('glyphicon-minus');_span.addClass('glyphicon-plus');}});$(this).attr('aria-expanded',!oldae);var glyphicon = $(this).find('.glyphicon');if($(this).attr('aria-expanded') === 'true'){glyphicon.removeClass('glyphicon-plus');glyphicon.addClass('glyphicon-minus');}else{glyphicon.removeClass('glyphicon-minus');glyphicon.addClass('glyphicon-plus');}}});
});});
</script>

Jquery解决collapsed收缩问题相关推荐

  1. Jquery解决视频播放过程中定时弹出确认窗口

    Jquery解决视频播放过程中定时弹出确认窗口 前言 一.目标 二.实现目标 1.通过video标签,播放视频 2.编写播放.暂停等函数 3.获得当前时间和总时长 4.添加弹窗事件 5.完整代码 总结 ...

  2. jQuery 解决 click 和 dblclick 冲突

    版权声明:本文首发 http://asing1elife.com ,转载请注明出处. https://blog.csdn.net/asing1elife/article/details/8265564 ...

  3. 微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo

    微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo 前言 做好了项目之后,在各种浏览器里面测试,都没有问题.很高兴,交付后端使用.然而发现在微信自带浏览器里面,却是出现了 ...

  4. jQuery弹性展开收缩菜单插件gooey.js

    分享一款基于jQuery弹性展开收缩菜单插件gooey.js.这是一款基于gooey.js插件实现的弹性菜单特效代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <hea ...

  5. jquery解决和其他库冲突的问题

    为什么80%的码农都做不了架构师?>>>    一:jquery在其他库之后加载的情况 <script src="xxxxx.js" type=" ...

  6. 惊叹jQuery(解决jQuery对象到DOM的转换)

    jQuery是一个javascript框架,但绝对不是通常意义上的一些包装,个人感觉是一个改变js控制方式的框架.我们可以像美工通过写css分离页面代码一样,通过jQuery来分离页面与效果..下面转 ...

  7. easyui select选择框模糊查询 以及页面引入多个版本的jquery解决办法

    eaeyui版本1.4.4,下载地址 http://www.jeasyui.com/download/index.php 下拉框模糊查询例子: <%@ page language="j ...

  8. jq跨域代理_用jQuery解决跨域访问

    浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js ...

  9. jQuery解决鼠标单双击问题

    html代码如下: <button>点击</button> JQ代码如下: <script>$(function () {// 编写相关jQuery代码// 单双击 ...

最新文章

  1. Spring 2企业应用开发
  2. 计算当前日期是一年中的第几周
  3. C语言,去你的策略模式!
  4. python及pycharm2018软件安装教程
  5. mysql 自定义函数入门_【转】MYSQL入门学习之十三:自定义函数的基本操作
  6. pycharm -- 小技巧1 (显示文件的代码结构以及错误提示)
  7. .net2005底层类
  8. 大神级ppt作品欣赏_超写实绘画,逼真到让你怀疑自己的双眼,各路超写实大神作品欣赏...
  9. 抽象代数学习笔记三《群:对称性变换与对称性群》
  10. Maven安装教程详解
  11. 客户画像、精准营销与数字化运营
  12. HTTP/HTPPS协议
  13. Java实现Google的S2算法工具类
  14. 【学习笔记】正则语言的可检验性(性质检验)
  15. 开源 微商分销系统 php,[PHP程序] 微商新零售分销平台源码Thinkphp内核 产品营销推广神器...
  16. 雷军微博拧螺丝,CFO为粉丝数发愁
  17. linux centos系统安装
  18. 如何用快搭低代码平台搭建CRM、MES等系统
  19. 【计算机视觉】全息投影技术
  20. 金蝶系统服务器链接设置,金蝶如何设置连接服务器

热门文章

  1. 【0321】供应链、产品、获客
  2. 鸿蒙安卓账号是否互通,苹果与安卓之间游戏账号不互通,那鸿蒙与安卓之间能否实现互通?...
  3. dede后台添加优酷等视频iframe链接时被替换成了图片
  4. oracle 包和包体禁用,ORACLE中的包和包体
  5. 在线式测斜仪是一款新型的、智能的、适应多种行业应用的三轴智能测斜仪
  6. Ewebeditor最新漏洞及漏洞大全
  7. 站在国企、民企的岔路口
  8. TOEFL wordlist 2
  9. 2021年秋招面经:翱捷数字IC面试
  10. python-pptx的基本使用