jquery - slideToggles nicht glatt

Question

Ich habe ein Problem mit der slideToggle Funktion in jQuery. Es ist überhaupt nicht glatt. Immer, wenn ich auf die Schaltfläche "Mehr" klicke, erscheint der Inhalt, der slideToggle lauten sollte, ohne Effekt, was auch immer. Diese

ist der HTML-Code:

<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> 

Dies ist die CSS:

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

} 
.see_more_content{ 
    text-align:center; 
} 

Und schließlich die javascript:

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

I Artikel „Animation, Jump gelesen haben - Quick Tip ", aber ich glaube nicht, dass das hier das Problem ist. Da ich keine margin oder padding auf den Inhalt angegeben habe, sollte slideToggle.

Vielen Dank im Voraus für Ihre Hilfe.

Answer 1

Tabellenzeilen scheinen nicht zu gleiten. Sie sollten versuchen, eine Abhilfe zu finden, indem Sie stattdessen DIV verwenden. Sie gleiten und animieren viel besser. Du könntest den Inhalt auch in ein div einbinden und das schieben? Vielleicht würde das die Tischreihe drücken, um eine Folie nachzuahmen.

Answer 2

In einer Tabellenzeile wird slideToggle ausgeführt. Tabellenzeilen spielen mit einigen CSS nicht gut. Dies bedeutet, dass es in einigen Fällen nicht rutscht, sondern nur erscheint, wenn es schließlich sichtbar ist.