Skip to content

Instantly share code, notes, and snippets.

@RyanFriedman

RyanFriedman/slidedown.html

Created January 10, 2012 05:16
Show Gist options
  • Save RyanFriedman/1587144 to your computer and use it in GitHub Desktop.
Save RyanFriedman/1587144 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
slidedown.html
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" />
<style type="text/css">
#nav li{
display: inline;
list-style-type: none;
}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$('#nav li a').click(function() {
$('#drop').slideDown('slow', function() {
});
});
});
</script>
<ul id="nav">
<li><a href="">Home</a></li>
<ul id="drop" style="display:none;">
<li>CALI</li>
<li>SB</li>
<li>SF</li>
</ul>
<li><a href="">About</a></li>
<ul id="drop" style="display:none;">
<li>CALI</li>
<li>SB</li>
<li>SF</li>
</ul>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment