HTML部分<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>菜单</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="select.js"></script>
<style type="text/css">
*{padding:0px;margin:0px;}
ul{list-style:none}
a{text-decoration:none;}
.main{color:#FFF; background-image: url(images/title.gif); background-repeat: repeat-x; width:150px;}
.main a{color:#FFF;}
.main ul li a{color:#000;}
.main ul{display:none;}
</style>
</head><body>
<ul>
<li class="main"><a href="#">主菜单一</a>
<ul>
<li><a href="#">second_menu1</a></li>
<li><a href="#">second_menu2</a></li>
<li><a href="#">second_menu3</a></li>
<li><a href="#">second_menu4</a></li>
</ul>
</li>
<li class="main"><a href="#">主菜单二</a>
<ul>
<li><a href="#">second_menu5</a></li>
<li><a href="#">second_menu6</a></li>
<li><a href="#">second_menu7</a></li>
<li><a href="#">second_menu8</a></li>
</ul>
</li>
<li class="main"><a href="#">主菜单三</a>
<ul>
<li><a href="#">second_menu9</a></li>
<li><a href="#">second_menu10</a></li>
<li><a href="#">second_menu11</a></li>
<li><a href="#">second_menu12</a></li>
</ul>
</li>
</ul></body>
</html>Jquery部分$(document).ready(function(){
$(".main>a").click(function(){
$(this).next("ul").slideToggle();
});
});
请问如何修改,使得点击一个主菜单的时候其他主菜单会自动缩回去?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>菜单</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="select.js"></script>
<style type="text/css">
*{padding:0px;margin:0px;}
ul{list-style:none}
a{text-decoration:none;}
.main{color:#FFF; background-image: url(images/title.gif); background-repeat: repeat-x; width:150px;}
.main a{color:#FFF;}
.main ul li a{color:#000;}
.main ul{display:none;}
</style>
</head><body>
<ul>
<li class="main"><a href="#">主菜单一</a>
<ul>
<li><a href="#">second_menu1</a></li>
<li><a href="#">second_menu2</a></li>
<li><a href="#">second_menu3</a></li>
<li><a href="#">second_menu4</a></li>
</ul>
</li>
<li class="main"><a href="#">主菜单二</a>
<ul>
<li><a href="#">second_menu5</a></li>
<li><a href="#">second_menu6</a></li>
<li><a href="#">second_menu7</a></li>
<li><a href="#">second_menu8</a></li>
</ul>
</li>
<li class="main"><a href="#">主菜单三</a>
<ul>
<li><a href="#">second_menu9</a></li>
<li><a href="#">second_menu10</a></li>
<li><a href="#">second_menu11</a></li>
<li><a href="#">second_menu12</a></li>
</ul>
</li>
</ul></body>
</html>Jquery部分$(document).ready(function(){
$(".main>a").click(function(){
$(this).next("ul").slideToggle();
});
});
请问如何修改,使得点击一个主菜单的时候其他主菜单会自动缩回去?
解决方案 »
- 自己写的一段文字向上滚动特效,没有效果求指点。
- 求助!javascript如何实现这个功能啊?
- 请问高手广告条 与 导航怎么对齐,怎么修改通过js代码实现
- javaScript问题求助,望有能能帮我看看
- 仿google搜索,成功了,但不支持键盘操作
- JS经典问题
- 我在5个tr里面有5个按钮,当点击每一个按钮的时候可以出现它对应的输入框,我如何能动态的为这个生成的输入框动态命名ID|马上结贴|
- 这个...有办法把PHP变量传给JAVASCRIPT吗(有案例)
- 给大家一个非常酷的代码,,同时放分 up
- 百分向送!有西祠这种网页HTML编辑器的源代码?
- 求一个国内最有名的“友情链接交易网”网址
- paypal集成帮助文档
$(".main>a").click(function(){
$(".main>a").next("ul").hide();
$(this).next("ul").slideToggle();
});
});