jQuery removeClass la durée ne fonctionne pas?

Question

J'ai un ensemble de paragraphe avec le style suivant:

.design_info_box p.design_info_desc 
{ 
    height:30px; 
    text-overflow: ellipsis; 
    overflow:hidden; 
} 

Avec cela, vous pouvez voir les 2 premières lignes de texte avec un bouton pour « lire la suite », qui élargit le paragraphe pour montrer le reste du texte .

Voici le code pour le bouton:

$(".read-more div").click(function(){ 
    $(this).parent().parent().children("p").removeClass("design_info_desc", "slow"); 
    $(this).hide(); 
}); 

Cela ne supprime la classe et l'ensemble du paragraphe est révélé. Cependant, il n'anime pas. Selon les documents removeClass devrait avoir une durée pour l'animation. J'ai également essayé de substituer "lent" avec un nombre comme 10000.

Y a-t-il une raison pour laquelle il n'anime pas?

Answer 1

La raison pour laquelle cela ne fonctionne pas (je crois) est que c'est une fonctionnalité de jQueryUI, pas la bibliothèque principale de jQuery. Inclure une référence à jQueryUI dans votre page, et cela devrait commencer à fonctionner.

Découvrez une démonstration en direct ici: http://jsfiddle.net/YaSh6/