jquery 切换选项卡,有点奇怪，click是mouseover的时候是没有问题的，
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin: 0;padding: 0;}
li{list-style: none;}
ul ul{display: none;}
.box{width: 100px;margin: 0 auto;}
</style>
<script type="text/javascript" src='jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(function(){
$('h2').click(function(){
$(this).next('ul').toggle();
})
})
</script>
</head>
<body>
<ul class="box">
<li>
<h2><a href="">1新闻</a></h2>
<ul>
<li>国内1</li>
<li>国内2</li>
<li>国内3</li>
</ul>
</li>
<li>
<h2><a href="">2新闻</a></h2>
<ul>
<li>国内1</li>
<li>国内2sdf</li>
<li>国内3</li>
</ul>
</li>
<li>
<h2><a href="">3新闻</a></h2>
<ul>
<li>国we内1</li>
<li>国内2wer</li>
<li>国内qwe3</li>
</ul>
</li>
</ul>
</body>
</html> 展开
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin: 0;padding: 0;}
li{list-style: none;}
ul ul{display: none;}
.box{width: 100px;margin: 0 auto;}
</style>
<script type="text/javascript" src='jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(function(){
$('h2').click(function(){
$(this).next('ul').toggle();
})
})
</script>
</head>
<body>
<ul class="box">
<li>
<h2><a href="">1新闻</a></h2>
<ul>
<li>国内1</li>
<li>国内2</li>
<li>国内3</li>
</ul>
</li>
<li>
<h2><a href="">2新闻</a></h2>
<ul>
<li>国内1</li>
<li>国内2sdf</li>
<li>国内3</li>
</ul>
</li>
<li>
<h2><a href="">3新闻</a></h2>
<ul>
<li>国we内1</li>
<li>国内2wer</li>
<li>国内qwe3</li>
</ul>
</li>
</ul>
</body>
</html> 展开
1个回答
展开全部
你这个问题问的有点奇怪，完全读不懂，你的意思是把click换成mouseover的时候不行了吗？
更多追问追答
追问
click的时候不正常
追答
怎么个不正常法？
你想要的结果是点击h2的时候，其他的ul全隐藏起来，然后h2对应的ul显示出来是吧
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
