为了账号安全,请及时绑定邮箱和手机立即绑定

jquery slideToggle變換icon圖示?

jquery slideToggle變換icon圖示?

长风秋雁 2018-10-18 15:38:02
<a class="floor_link" id="floor_btn01">按鈕 <i class="material-icons floor_icon">keyboard_arrow_down</i></a>  <div style="background-color:#eee; width:100%; height:1px;"></div>      內容    </div>$("#floor_btn01").click(function() {  $("#floor_btn01show").slideToggle();  $("#floor_btn01").html('按鈕 <i class="material-icons floor_icon">keyboard_arrow_up</i>');});我是想當按按鈕之後,能夠從 keyboard_arrow_down 變換到 keyboard_arrow_up然後再按一次的話 則是從 keyboard_arrow_up變換到 keyboard_arrow_down但是我是使用 slideToggle() 去讓他有展開縮放的效果所以上面是換到 keyboard_arrow_up後就換不回keyboard_arrow_down了要如何做到這樣切換icon呢?
查看完整描述

1 回答

?
www说

TA贡献1775条经验 获得超8个赞

 $("#floor_btn01").html('按鈕 <i class="material-icons floor_icon">keyboard_arrow_up</i>');

换成

 if($("#floor_btn01").text().indexOf("up")==0){
     $("#floor_btn01").html('按鈕 <i class="material-icons floor_icon">keyboard_arrow_up</i>');
 }else{
     $("#floor_btn01").html('按鈕 <i class="material-icons floor_icon">keyboard_arrow_down</i>');
 }


查看完整回答
反对 回复 2018-11-04
  • 1 回答
  • 0 关注
  • 418 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号