Jquery 显示隐藏Div逻辑问题求大神指教

wzballa 2012-10-18 09:34:08

页面都很多动态拼接生成的button,onclick事件调用同一函数，该函数用来实现一个Div的显示隐藏。希望这个函数可以实现点击
btn1时显示div，再次点击btn1则隐藏div。我再次点击btn2，如果DIV已经显示，则不隐藏，如果隐藏，则显示。

现在问题是我不知道怎么判断是否点击的是同一按钮，或者说我怎么记录我上次点击的按钮和本次点击的按钮对比，如果同一按钮则正常显示隐藏，如果不是同一按钮，则看DIV是否已经显示

...全文

158 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

fengyun817 2012-10-18

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 <html lang="en">

 <head>

 	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

 	<title></title>

 	<script type="text/javascript">

 		var _btn ;//记录上次点击的按钮

 		function togglediv(obj,divid)

 		{

 			var key = obj.value;

 			var divobj = document.getElementById(divid);

 			if(key == _btn||typeof(_btn) =="undefined")

 			{

 				divobj.style.display=divobj.style.display==""?"none":"";

 			}else{

 				divobj.style.display="";

 			}

 			_btn = key;

 			

 		}

 	</script>

 </head>

 <body>

 	<div id="test">测试</div>

 	<input type="button" value="bt1" onclick="togglediv(this,'test')">

 	<input type="button" value="bt2" onclick="togglediv(this,'test')">

 	<input type="button" value="bt3" onclick="togglediv(this,'test')">

 </body>

 </html>