HTML
<div id="MyForm">
<a> <img src="ImageMenu.png" /></a>
<div id="form" style="width:250px">
<table>
<tr>
<td width="20%" style="color:White">
Name
</td>
<td width="3%">
:
</td>
<td width="27%">
<asp:TextBox runat="server" ID="txtName"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="3" align="center">
<asp:Button Text="Send" runat="server" ID="btnSend" OnClick="btnSend_Click" OnClientClick="return Validate()"/>
</td>
</tr>
</table>
</div>
</div>
JQuery
$("#MyForm").click(
function () { $("#form").slideToggle(400); }
);
私の問題は、テキストボックスをクリックしてデータを入力したり、ボタンをクリックしたりするたびに、フォームが上にスライドすることです。また、「Validate()」という名前の JavaScript 検証関数を作成しました。検証が失敗すると、フォームも上にスライドします。