2010-10-06 20 views
5

Ben şu tarzı ile bir paragraf kümesi vardır: BununlajQuery removeClass süresi çalışmıyor mu?

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

, metnin geri kalanını göstermek için paragraf genişlediği "devamı" için bir düğme ile metnin ilk 2 çizgiler görebilirsiniz .

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

Bu sınıf ve tüm paragraf ortaya çıkıyor kaldırmak vermez: Burada

düğmesi için kodudur. Ancak, animasyon yapmaz. Belgelere göre removeClass animasyon için bir süreye sahip olmalıdır. Ayrıca 10000 gibi bir sayı ile "yavaş" değiştirmeyi denedim.

Animasyon yapmamanın bir sebebi var mı?

+0

Güzel fikir "devamı" - Sevmeye! – ChessWhiz

+0

Bu, bu arada mükemmel bir sorudur. Daha önce bir removeClass'ı canlandırma seçeneğinin farkında değildim. – Ender

cevap

9

Bunun çalışmadığı nedeni (inanıyorum), bunun jQueryUI'nin bir özelliği olması değil, core jQuery kütüphanesi olmasıdır. Sayfanızda jQueryUI öğesine bir referans ekleyin ve bu çalışmaya başlamalıdır.

Kontrol burada bir canlı tanıtım: http://jsfiddle.net/YaSh6/

+0

+1 O kadardı! –