I changed the "block" attribute value to "table-row" as per Karl's suggestion and everything works great.
Thanks, - Dave On Dec 11, 9:42 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote: > Actually, there are two .toggle() methods, just as there are > two .load() methods. > > The .toggle() effect takes an optional > speed:http://docs.jquery.com/Effects/toggle > > The .toggle() event takes two > functions:http://docs.jquery.com/Events/toggle#fnfn > > Dave, the .toggle() effect should work. I just copied and pasted your > HTML and then toggled the <tr> using Firebug, and it worked for me. It > doesn't work perfectly in Firefox, however. And I think it's because > you've added style="display: block" to it. Firefox expects table rows > to have display: table-row, while (I think) IE uses display: block. If > you remove that inline style, and don't include the optional speed > to .toggle(), it works fine. > > --Karl > _________________ > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Dec 11, 2007, at 5:51 PM, sawmac wrote: > > > > > > > $(document).ready( > > function () { > > $('[EMAIL PROTECTED]"radio"]').click( function() { > > $('#giftMsg').toggle($(this).show(),$ > > (this).hide()); > > }); > > } > > ); > > > toggle() takes 2 functions as arguments > > > --dave- Hide quoted text - > > - Show quoted text -