已解決430363個問題，去搜搜看，總會有你想問的

jquery slideToggle變換icon圖示？

首頁猿問 jquery...

jquery slideToggle變換icon圖示？

JavaScript

長風秋雁 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 關注
429 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

jquery slideToggle變換icon圖示？

jquery slideToggle變換icon圖示？

1 回答

添加回答