[jQuery] How to toggle "display" value?

[jQuery] How to toggle "display" value?


Hi,
Apparently, the ".toggle" method doesn't change the "display" value of
an element. I want to toggle the "display" of a table row on and
off. Here is my Jquery:
$(document).ready(
function () {
$('input[@type="radio"]').click( function() {
$('#giftMsg').toggle();
});
}
)
and here is my HTML:
            <tr id="giftMsg" style="display:block">
                <td>
             <table align="center" class="orderField"
cellpadding="0" cellspacing="0" border="0">
                        <tr><td>Add a gift message:</td></tr>
                        <tr><td><textarea width="100%" height="100%" value=""
name="SpecComP" id="SpecComP"></textarea></td></tr>
                    </table>
                </td>
            </tr>
Any help is appreciated, - Dave