Ajouter Animer toggleClass

Question

$scrollTop = $('.scrollToTop'); 
$(window).scroll(function (e) { 
    $('.scrollToTop').toggleClass('active', $(window).scrollTop() > 0); 
}); 

J'étais essayer d'animer effet via CSS, mais travailler:

.scrollToTop { transition: all 2s linear;} 

Et via jQuery:

$('.scrollToTop').toggleClass('active',1000, $(window).scrollTop() > 0); 

Mais il est même, ne fonctionne pas. Comment ajouter animate dans ma structure toggleClass?

Answer 1

Essayez quelque chose comme

$('#review-link').click(function(e) { 
    $('.new_comment').toggle(); 
    // $('.comments').toggle(); 
    $(this).toggleClass('active'); 
    if($(this).hasClass('active')){ 

     $(this).text('Exit review mode'); 
     scrollToAnchor('.comments'); 
     return false; 

    }else{ 

     $(this).text('Enter review mode'); 
     $('body').animate({scrollTop: 0},'slow'); 
     return false; 
    } 
}); 

Demo1

Demo2

Answer 2

Vous devez utiliser l'extension d'interface utilisateur jQuery de .toggleClass() pour activer l'animation - Je suppose que vous utilisez la version normale de jQuery. Consultez la documentation ici:

http://api.jqueryui.com/toggleclass/