<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>'); }
添加回答
举报
0/150
提交
取消