jquery - cách thêm/xóa lớp học trên slideToggle?

Question

Tôi muốn mỗi lần div mở rộng, để thêm lớp 'selecionado' khi quá trình mở rộng kết thúc. Khi quá trình co được thực hiện (phần slideUp), tôi muốn xóa lớp này.

Tôi có thể được trợ giúp tại đây không?

$('#btCategoriaA').click(function() 
{ 
    $('#listaCategoriaA').slideToggle('slow', function() { 
    $('#btCategoriaA').addClass('selecionado'); 
    }); 
}); 

Cảm ơn trước, MEM

Answer 1

Bạn có thể chuyển đổi các lớp sử dụng .toggleClass() dựa trên nếu các yếu tố .is():visible sau khi hình ảnh động, như thế này:

$('#btCategoriaA').click(function() { 
    $('#listaCategoriaA').slideToggle('slow', function() { 
    $('#btCategoriaA').toggleClass('selecionado', $(this).is(':visible')); 
    }); 
});