Skip to content

Instantly share code, notes, and snippets.

@NiklasJordan

NiklasJordan/nav_buf_jquery.html

Created June 1, 2012 08:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save NiklasJordan/2850255 to your computer and use it in GitHub Desktop.
Save NiklasJordan/2850255 to your computer and use it in GitHub Desktop.
Download ZIP
Navigation Bug
Raw
nav_buf_jquery.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#nav li#sub ul").css({"display":"none"});
$("#nav li#sub").mouseover(function() {
$("#nav li#sub ul").stop(true, true).fadeIn("300");
});
$("#nav li#sub").mouseout(function() {
$("#nav li#sub ul").css({"display":"none"});
});
$("#nav li#sub ul").css({"display":"none"});
});
</script>
</head>
<body>
<ul id="nav">
<li><a href="index.html"><strong>Startseite</strong></a></li>
<li id="sub"><a href="#">Branchen</a>
<ul>
<li><a href="gesundheit.html">Gesundheitswirtschaft/Medizintechnik</a></li>
<li><a href="#">Ernährungswirtschaft</a></li>
<li><a href="#">Energietechnik</a></li>
<li><a href="#">Verarbeitendes Gewerbe</a></li>
</ul>
</li>
<li><a href="experten.html">Experten</a></li>
<li><a href="partner.html">Partner</a></li>
<li><a href="rueckblick2011.html">Impressionen 2011</a></li>
<li><a href="kontakt.php">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment