gistfile1.htm

<!-- add jquery to your project -->
<!-- add this to the head -->
<script type="text/javascript" src="/PATH/TO/jquery.js"></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){
		$("chbx_notifyRecipientByEmail").click(function () {
	      $("pnl_RecipientEmailAndMessage").slideToggle("slow");
	    });
	});  
</script>
	
<asp:CheckBox runat="server" ID="chbx_notifyRecipientByEmail" Text="&nbsp;Please also notify the gift recipient by email, which may include a personal message." OnCheckedChanged="onChecked_chbx_notifyRecipientByEmail" AutoPostBack="True" />
	
	<!-- hide this with style="display: none" or hide it in the CSS stylesheet -->
	<asp:Panel ID="pnl_RecipientEmailAndMessage" runat="server" Visible="false">
	    <br />
	    <asp:Label ID="lbl_recipientEmail" runat="server">Recipient's Email:</asp:Label><br />
		<asp:TextBox ID="tb_recipientEmail" runat="server" maxlength="70" Width="200px" />
		<br /><br />
		<asp:Label ID="lbl_personalMessage" runat="server">Add a personal message for your gift recipient:</asp:Label><br />
		<asp:TextBox ID="tb_personalMessage" runat="server" maxlength="500" TextMode="MultiLine" Height="50px" Width="200px"/>
	</asp:Panel>