點擊功能.slideToggle後開

-2

// Toggle 
$('#toggle').click(function() { 
    $('.extra').slideToggle(); 
}); 

.extra { 
    display: none; 
} 

#toggle { 
cursor:pointer; 
width:100%; 
display:block; 
text-align: center; 
padding:10px 0; 
color:#777; 

}

使用字體真棒發FA-字形向下IM試圖使它所以一旦的slideToggle已經打開它改變發FA-字形向下點擊功能.slideToggle後開

即時通訊相當確信這很簡單，但我不能似乎發現了什麼

來源

2014-09-23 user3691504

$('#toggle').click(function() { 
    $('.extra').slideToggle(400, function(){ 
    $("#toggle .additionalClassToTheIcon").toggleClass("fa-chevron-up fa-chevron-down"); 
    }); 
});

凡是動畫的持續時間，你可以把它改成任何你想要的。 additionalClassToTheIcon是圖標的附加類，因此您可以隨時識別它。

還要檢查這個文件：。

http://api.jquery.com/slidetoggle/

http://api.jquery.com/toggleClass/

來源

2014-09-23 16:29:03

$（ '＃切換'）點擊（函數（）{ $（ '額外'）的slideToggle（400，功能（）{（「＃toggle.fa」）。removeClass（「fa-chevron-down」）。addClass（「fa-chevron-up」）; }）; }）; – user3691504 2014-09-23 16:33:26

這爲我工作，但一旦打開時，我再次關閉箭頭保持朝上 – user3691504 2014-09-23 16:33:54

檢查我最後的編輯，忘記處理接近行動 – 2014-09-23 16:34:51

if($("#toggle .iconClassHere").hasClass("fa-chevron-down")) { 
    $("#toggle .iconClassHere").removeClass("fa-chevron-down"); 
    $("#toggle .iconClassHere").addClass("fa-chevron-up"); 
}else { 
    $("#toggle .iconClassHere").removeClass("fa-chevron-up"); 
    $("#toggle .iconClassHere").addClass("fa-chevron-down"); 
}

來源

2014-09-23 16:23:48

點擊功能.slideToggle後開

回答

相關問題