[jQuery] Why do these two behave like this?

[Rick Faircloth]

Hi, all.

I'm experimenting with how to make a "Details Slidedown"
for a calendar.  In the examples below, I work with
dl's, dd's, and dt's.  Provides smooth show/hide.

If I try to use two different classes of table rows,
they jerk open and closed.  See the examples.

I'm new to jQuery and to JS in general, so be gentle.  :o)

Question:  Why would this code slide smoothly.

$(document).ready(function() {
        $('.details2').find('dd').hide().end().find('dt').click(function() {
         var answer = $(this).next();
         if (answer.is(':visible')) {
             answer.slideUp();
         } else {
             answer.slideDown();
         }
     });
});

.and this code jerk open and closed?

$(document).ready(function() {
        
$('.details2').find('tr.details').hide().end().find('tr.heading').click(func
tion() {
         var answer = $(this).next();
         if (answer.is(':visible')) {
             answer.slideUp();
         } else {
             answer.slideDown();
         }
     });
});

Are there better options (code) for creating a "details section" to slide
down below
a table row in a calendar?

Thanks for any help!

Rick

_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/