2010-10-06 6 views
5

Ho una serie paragrafo con il seguente stile:jQuery removeClass durata non funzionante?

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

Con questo, è possibile vedere le prime 2 righe di testo con un pulsante per "leggi tutto" che si espande il paragrafo per mostrare al resto del testo .

ecco il codice per il pulsante:

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

Ciò rimuove la classe e l'intero paragrafo è rivelato. Tuttavia, non si anima. Secondo i documenti removeClass dovrebbe avere una durata per l'animazione. Ho anche provato a sostituire "lento" con un numero come 10000.

C'è un motivo per cui non si sta animando?

+0

Nizza "leggi tutto" idea - mi piace! – ChessWhiz

+0

Questa è una domanda eccellente, a proposito. Non ero in precedenza consapevole dell'opzione per animare un removeClass. – Ender

risposta

9

Il motivo per cui non funziona (credo) è che questa è una funzionalità di jQueryUI, non la libreria jQuery di base. Includere un riferimento a jQueryUI nella tua pagina e questo dovrebbe iniziare a funzionare.

Partenza una demo live qui: http://jsfiddle.net/YaSh6/

+0

+1 Sì, è stato! –