Geek Answers Handbook

Jquery - slideToggle non-smooth

I have a problem with function slideTogglec jQuery. It is not at all smooth. Whenever I click the Details button, the content that should slideTogglejust pops up without any effect, ever.

This is the 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>

This is CSS:

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

}
.see_more_content{
    text-align:center;
}

And finally, javascript:

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

I read the article "Animation Transition - Quick Tip", but I don’t think the problem is here. Since I have not indicated any marginor paddingfor content that should slideToggle.

Thanks in advance for your help.

+5
source share
2 answers

. , DIV. . div ? , , .

+9

slideToggle. css. , , , .

0

More articles:


All Articles