Нажмите Функция .slideToggle После открытой

Question

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

.extra { 
    display: none; 
} 

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

} 

с использованием шрифта удивительным фа фа-шеврон вниз им пытаются сделать так, как только slideToggle была открыта она меняется на фа фа-шеврон-вниз

им вполне уверен, что это очень простой, но я не могу показаться, чтобы найти что-нибудь

Answer 1

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

Где является продолжительность анимации, вы можете изменить его на то, что вы хотите. дополнительныйClassToTheIcon - дополнительный класс для значка, чтобы вы всегда могли его идентифицировать.

Также проверьте эту документацию:..

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

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

Answer 2

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"); 
}