2010-10-06 8 views
5

ich einen Absatz mit folgendem Stil:jQuery removeClass Dauer nicht funktioniert?

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

Mit diesem können Sie die ersten zwei Zeilen Text mit einem Knopf auf „mehr lesen“ sehen, die den Absatz erweitert den Rest des Textes zu zeigen, . Hier

ist der Code für die Schaltfläche:

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

Dies entfernt die Klasse und der gesamte Absatz wird enthüllt. Es animiert jedoch nicht. Laut der Dokumentation removeClass sollte eine Dauer für die Animation haben. Ich habe auch versucht, "langsam" durch eine Zahl wie 10000 zu ersetzen.

Gibt es einen Grund, warum es nicht animiert?

+0

Nette Idee "mehr lesen" - Ich mag es! – ChessWhiz

+0

Dies ist übrigens eine ausgezeichnete Frage. Ich war mir vorher nicht bewusst, dass eine removeClass animiert werden kann. – Ender

Antwort

9

Der Grund, warum dies nicht funktioniert (glaube ich) ist, dass dies eine Funktion von jQueryUI ist, nicht die Kern-jQuery-Bibliothek. Fügen Sie auf Ihrer Seite einen Verweis auf jQueryUI hinzu, und das sollte beginnen zu arbeiten.

prüft eine Live-Demo hier aus: http://jsfiddle.net/YaSh6/

+0

+1 Ja das war es! –