jquery - slideToggle non liscio

Question

Ho un problema con la funzione slideToggle in jQuery. Non è affatto liscio. Ogni volta che faccio clic sul pulsante "Visualizza altro", il contenuto che dovrebbe essere slideToggle, viene semplicemente visualizzato senza alcun effetto what-ever-ever.

Questo è il codice HTML:

<td class="third"> 
    <a href="javascript:void(0)" class="btn btn-primary upgrade1">See More</a> 
</td>       

<tr class="see_more" id="see_more"> 
     <td colspan="3" class="see_more_content">Hello! How are you doing</td> 
</tr> 

Questo è il CSS:

.third{ 
    text-align:right; 
    padding-right:10px; 
} 
.see_more{ 
    display:none; 

} 
.see_more_content{ 
    text-align:center; 
} 

E, infine, il javascript:

<script type="text/javascript"> 
      $(document).ready(function(){ 
       $(".upgrade1").click(function() { 
        $("#see_more").slideToggle("slow"); 
        }); 
       }); 
    </script> 

Ho letto l'articolo "Animazione Jump - suggerimento rapido ", ma non penso che questo sia il problema qui. Dal momento che non ho specificato alcun margin o padding per il contenuto che dovrebbe slideToggle.

Grazie in anticipo per il vostro aiuto.

Answer 1

Le righe di tabella non sembrano scorrere. Dovresti provare a trovare una soluzione alternativa utilizzando DIV. Scivolano e si animano molto meglio. Potresti anche avvolgere il contenuto in un div e farlo scorrere? Forse questo spingerebbe la fila del tavolo per imitare una diapositiva.

Answer 2

Si sta eseguendo un slideToggle su una riga della tabella. Le righe della tabella non funzionano bene con alcuni css. Ciò significa che in alcuni casi non scorre, ma si mostra solo quando è finalmente visibile.