javascript - jquery slideToggle變換icon圖示？-PHP中国語ネットワークQ&A

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - jquery slideToggle變換icon圖示？

黄舟 2017-04-11 10:33:50

393

按鈕 keyboard_arrow_down 
 內容

$("#floor_btn01").click(function() { $("#floor_btn01show").slideToggle(); $("#floor_btn01").html('按鈕 keyboard_arrow_up'); });

我是想當按按鈕之後，能夠從keyboard_arrow_down變換到keyboard_arrow_up
然後再按一次的話則是從keyboard_arrow_up變換到keyboard_arrow_down
但是我是使用 slideToggle() 去讓他有展開縮放的效果
所以上面是換到keyboard_arrow_up後就換不回keyboard_arrow_down了
要如何做到這樣切換icon呢？

黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

全員に返信 (1)

PHPzhong2017-04-11 10:35:50 1棟

$("#floor_btn01").html('按鈕 keyboard_arrow_up');

换成

if($("#floor_btn01").text().indexOf("up")==0){ $("#floor_btn01").html('按鈕 keyboard_arrow_up'); }else{ $("#floor_btn01").html('按鈕 keyboard_arrow_down'); }