Javascript Jquery滑动登录表单

HTML:

---

单击图像时，我希望通过Jquery幻灯片显示登录表单。我想在单击文档时滑动子登录div。当我单击subLogin div或btnSend按钮时，div也会向上滑动。plz help

---

更新：这是JsFiddle:

这就是你想要的吗

---

这就是你想要的吗

---

你能设置一个小提琴链接吗？嗨，只要在img点击时查看小提琴滑块图标..这有什么问题吗？当我点击subLogin div或btnSend按钮时，div也在向上滑动。你能设置一个小提琴链接吗？嗨，只要在img点击时查看小提琴滑块图标..这有什么问题吗？当我点击图标时，div也在向上滑动子登录div或btnSend按钮。

<div id="divLogin">
<a> 
<img src="Image1.jpg" style="height:32px;padding-top:0px;" id="img"/></a>

<div id="subLogin" style="width:250px">        

    <asp:Panel ID="panel1" runat="server" DefaultButton="btnSend">
    <table>
        <tr>
            <td width="20%" style="color: White">
                Username
            </td>
            <td width="3%">
                :
            </td>
            <td width="27%">
                <asp:TextBox runat="server" ID="txtName"></asp:TextBox>
            </td>
        </tr>

        <tr>
            <td style="color: White">
                Password
            </td>
            <td>
                :
            </td>
            <td>
                <asp:TextBox runat="server" ID="txtPassword"></asp:TextBox>
            </td>
        </tr>


        <tr>
            <td colspan="3" align="center">
                <asp:Button Text="Send" runat="server" ID="btnSend" />
            </td>
        </tr>

    </table>
</asp:Panel>

 </div>
</div>

$(document).ready(function () {
    $("#divLogin > a").click(function () {

        $("#subLogin").slideToggle(400);
    });
});



$(document).click(function (e) {
    var elem = (e.target || e.srcElement).id;
    if (elem != 'img') {
        $("#subShare").slideUp(400);
    }
});

 $(document).click(function (e) {
     if(!$(e.target).is("#img")&&!$.contains($("#subLogin")[0],e.target)) { 
         $("#subLogin").slideUp(400);
     }
 });