jquery slideToggle變換icon圖示？

Question

<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呢？

Answer 1

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