How to fix this problem ? when click menu its pop up when click again nothing happen!

Question

0.00/5 (No votes)

See more:

when click menu its pop up when click again nothing happen!

JavaScript

function mainmenu() {
    $(" #nav ul").css({ display: "none" });
    $(" #nav li").hover(function () {
        $(this).find('ul:first').css({ visibililty: "visible", display: "none" }).show(100);
    }
    , function () {
        $(this).find('ul:first').css({ visibility: "hidden" });
    });
}
$(document).ready(function () {
    mainmenu();
});

What I have tried:

im try to use another thing but i cant

Posted 6-Jan-17 7:49am

mhassan083

Updated 7-Jan-17 2:28am

Wonde Tadesse

v2

Add a Solution

Comments

SrikantSahu 6-Jan-17 15:33pm

You can try
$(" #nav li").hover(function () {
$(this).find('ul:first').show();
}
, function () {
$(this).find('ul:first').hide();
});

This should show the embedded ui element inside the '#nav li' when hovered and hide the ui when mouse out of the '#nav li'.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Answer 1 · 2017-01-07T02:28:00

What are you trying to achieve? Your code does not make any sense at all. You have to seriously learn the stuff, trying by luck is not going to bring you anywhere. Learn some real stuff at jQuery Tutorial[^] .
Coming back to your make-no-sense code and not-at-all-clear question, if you are trying to show/hide a menu list, you can do a toggle, a sample code below:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
    $("#nav ul").css("display", "none");
    $("#nav").hover(function(){
    	$("ul").toggle(500);
    });
});
</script>
</head>
<body>
<div id="nav">MENU
	<ul>
		<li>HTML</li>
		<li>CSS</li>
		<li>JavaScript</li>
		<li>jQuery</li>
	</ul>
</div>
</body>
</html>

or try out this demo at JSFiddle[^]. Read up on some jQuery tutorial so that you can understand the code. Luck is elusive, only learning is real.