jQuery的向上滑动登录形式

Question

HTML：

<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> 

jQuery的

$(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); 
    } 
}); 

当我点击图片，我想说明通过jQuery的幻灯片登录窗体。我想在文档点击上滑动subLogin div。在div也滑了，当我点击subLogin股利或btnSend button.plz帮助...

更新时间：这里是的jsfiddle：http://jsfiddle.net/WN2uB/

Answer 1

这是你要什么？

http://jsfiddle.net/WN2uB/2/