用JQUERY实现下拉表单，点击其中一个的时候其余的会关闭！

现在可以打开就是点击其中一个的时候另外的也不关闭... 现在可以打开就是点击其中一个的时候另外的也不关闭展开





 我来答

2个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

yugi111
推荐于2016-10-04 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>pro.html</title>
<style>
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
	jQuery (function ($)
    {
	    $ ('span').click (function ()
	    {
	    	$(this).closest('div').siblings('div').find('div').hide();
	    	$(this).next().toggle();
	    });
    });
</script>
</head>
<body>
	<div>
		<span> <a>点击</a> </span>
		<div style="display: none;">
			<ul>
				<li>11</li>
				<li>22</li>
			</ul>
		</div>
	</div>
	<div>
		<span> <a>点击</a> </span>
		<div style="display: none;">
			<ul>
				<li>1122</li>
				<li>2233</li>
			</ul>
		</div>
	</div>
	<div>
		<span> <a>点击</a> </span>
		<div style="display: none;">
			<ul>
				<li>1123</li>
				<li>2211</li>
			</ul>
		</div>
	</div>
</body>
</html>

追问

jQuery (function ($)？？这是什么意思呢？？能不能改成$(document).ready(function(){}

追答

sure
有3种方式：

$(document).ready()

$(function(){
  
});

jQuery(function($) {
  // 你可以在这里继续使用$作为别名...
});

已赞过 已踩过<

评论收起

匿名用户
2014-11-06

展开全部

你看下给div个display试下
document.getElementById(div的ID).style.display="none";
document.getElementById(div的ID).style.display="block";

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

用JQUERY实现下拉表单，点击其中一个的时候其余的会关闭！

其他类似问题

为你推荐：