Response title
This is preview!
slide menu problem
in Using jQuery UI
•
10 years ago
- Hi I am trying to build a slide up menu bar using expression web 4 when I test the code in a browser it dosen't work
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> - <head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function()
{
$("dd").hide();
$("dt a").click(function();
{
$("dd").slideUp("fast");
$("this").parent("dt").next("dd").slideDown("normal");
});
});
</script>
</head> - <body>
<div id="wrapper">
<div id="header">
<p>header</p>
</div>
<div id="mainnav">
<p>this is left main navigation</p>
<dl>
<dt><a href="#">Home</a></dt>
<dt><a href="#">Windows</a></dt>
<dd>
<ul>
<li><a href="#">Ply Gem</a></li>
<li><a href="#">Milgard</a></li>
<li><a href="#">Marvin</a></li>
</ul>
</dd>
<dt><a href="#">Shower Doors</a></dt>
<dd>
<ul>
<li><a href="#">Agalite</a></li>
<li><a href="#">Holcam</a></li>
<li><a href="#">Heavy Glass</a></li>
</ul>
</dd>
<dt><a href="#">Mirrors</a></dt>
<dd>
<ul>
<li><a href="#">Custome Cut</a></li>
<li><a href="#">Beveled edges</a></li>
</ul>
</dd>
</dl>
1