如果 toggle-project-stages
在链接上如何将图标类从 fa-chevron-down
切换到 fa-chevron-up
> div 可见吗?
<强> jsFiddle
$(".toggle-project-stages").hide();
$(".toggle-project-status-downArrow").click(function(e){
e.preventDefault();
var toggleDiv = $(this).parent().prev('.panel-heading').find(".toggle-project-stages").toggle(200);
$(".toggle-project-stages").not(toggleDiv).slideUp(200);
});
最佳答案
您可以使用toggleClass()
$(".toggle-project-stages").hide();
$(".toggle-project-status-downArrow").click(function (e) {
e.preventDefault();
var toggleDiv = $(this).parent().prev('.panel-heading').find(".toggle-project-stages").toggle(200);
$(".toggle-project-stages").not(toggleDiv).slideUp(200);
var $i = $('i', this).toggleClass('fa-chevron-down fa-chevron-up')
$('.toggle-project-status-downArrow i').not($i).removeClass('fa-chevron-up').addClass('fa-chevron-down')
});
演示:Fiddle
关于jquery - 如果 div 可见,则切换图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31338772/