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();
}
});
- <div class="links" >
- <asp:LoginView ID="LoginView1" runat="server" >
- <AnonymousTemplate>
- <div class="container">
- <ul id="menu">
- <li id="login">
-
- <span class="title"><asp:HyperLink Text="Login" Class="signin" runat="server" id="lnkLogin" NavigateUrl="#"></asp:HyperLink><br /></span>
- <span class="description"></span>
- </li>
- <li id="register">
- <span class="title"><asp:HyperLink Text="Register" runat="server" id="lnkRegister" NavigateUrl="#"></asp:HyperLink><br /></span>
- <span class="description"></span>
-
- </li>
- </ul>
- </div>
-
- <div id="signinMenu">
- <asp:Login ID="Login1" runat="server" DestinationPageUrl="~/Default.aspx" onloggedin="Login1_LoggedIn">
- <LayoutTemplate>
- <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName" Text="Username" />
- <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" ErrorMessage="User Name is required." ToolTip="Usename is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
- <asp:TextBox ID="UserName" runat="server" />
-
- <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password" Text="Password" />
- <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" ErrorMessage="Password is required." ToolTip="Password is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
- <asp:TextBox ID="Password" runat="server" TextMode="Password"/>
- </LayoutTemplate>
- </asp:Login>
- </div>
- </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