Drop Down Login plugin is not working

Drop Down Login plugin is not working

Hi,

I have used this Plugin in my asp.net(C#) web app.

I have modified the code according to my requirments and web app layout, here is my code-

<script type="text/javascript">
    $(document).ready(function() {

        $(".signin").click(function(e) {
            e.preventDefault();
            $("div#signin_menu").toggle();
      
        });

        $("div#signinMenu").mouseup(function() {
            return false
        });
        $(document).mouseup(function(e) {
            if ($(e.target).parent("a.signin").length == 0) {
      
                $("div#signinMenu").hide();
            }
















        });
  1. <div class="links" >  
  2. <asp:LoginView ID="LoginView1" runat="server" >  
  3.       <AnonymousTemplate> 
  4. <div class="container">  
  5.   <ul id="menu">  
  6.      <li id="login">  
  7.                                             
  8.        <span class="title"><asp:HyperLink Text="Login" Class="signin" runat="server" id="lnkLogin" NavigateUrl="#"></asp:HyperLink><br /></span>  
  9.                                         <span class="description"></span>   
  10.     </li>  
  11.     <li id="register">  
  12.       <span class="title"><asp:HyperLink Text="Register" runat="server" id="lnkRegister" NavigateUrl="#"></asp:HyperLink><br /></span>  
  13.                                         <span class="description"></span>   
  14.                                    
  15.      </li>  
  16.  </ul>  
  17. </div>  
  18.    
  19. <div id="signinMenu">         
  20.  <asp:Login ID="Login1" runat="server" DestinationPageUrl="~/Default.aspx" onloggedin="Login1_LoggedIn">  
  21. <LayoutTemplate>  
  22. <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName" Text="Username" />  
  23. <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" ErrorMessage="User Name is required." ToolTip="Usename is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>  
  24. <asp:TextBox ID="UserName" runat="server" />  
  25.                                      
  26. <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password" Text="Password"  />  
  27. <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" ErrorMessage="Password is required." ToolTip="Password is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>  
  28. <asp:TextBox ID="Password" runat="server" TextMode="Password"/>                
  29. </LayoutTemplate>  
  30. </asp:Login>  
  31. </div>              
  32. </AnonymousTemplate> 


When I click on the login link it display the div but when I again click on the login link to close it it does not close the div.

It seems the toggle() is not working, I have checked it in FF, IE, Chrome and Safari and this issue appears in all the browsers.

Can any one tell why the code isn't working correctly?

Regards,
Newbiee