如何点按钮显示和隐藏div 如何点按钮显示和隐藏div就是点一下隐藏,再点显示我刚学,问的都是很菜的问题请给代码,谢谢 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 楼主入门的话,可以先从http://www.w3school.com.cn/学,html css js http://www.w3school.com.cn/tiy/t.asp?f=jquery_toggle这个应该是你想要的,主要就是toggle()这个方法。 <script type="text/JavaScript"><!--function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; }}//--></script><div id="Layer1" style="background-color:#FFFFCC">HGFHFHFGGHFG</div><label for="Submit"></label><input name="Submit" type="submit" id="Submit" onClick="MM_showHideLayers('Layer1','','hide')" value="隐藏"><input name="Submit2" type="submit" onClick="MM_showHideLayers('Layer1','','show')" value="显示"> <!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> <title>jquery-toggle()方法使用</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function(){ $('#btn').click(function(){ $('div').toggle(); if($(this).val()=='隐藏') { $(this).val('显示'); }else{ $(this).val('隐藏'); } }) }) </script></head><body><div style=" border:1px solid red; width:100px; height:100px; line-height:100px;">我是一个div</div><input type="button" id="btn" value="隐藏" /></body></html>保存html格式直接运行! 上面发的那个是DW自动生成的,太麻烦,看看这个吧<script type="text/javascript">function test(){ var divV = document.getElementById("Layer1"); if(divV.style.visibility =="hidden") { divV.style.visibility ="visible"; } else { divV.style.visibility = "hidden"; }}</script><input type="button" value="显示/隐藏" onclick="test()"/><div id="Layer1">This is my Div</div> $('#你的DIV的ID').click(function(){ if($(this).css('display')=='block'){ $(this).hide(); }else{ $(this).show(); }}); 我选用的是这个,jquery我目前还不懂我另发帖向朋友们学习 这个让向我介绍了jquery,引导我进一步学习,意义也很大平分吧 我是菜鸟求助 给这段代码加一个循环 网页对话框效果 YUI中用JSON的问题,急急急急急急!!! js如何获取远程XML 请教在ASP循环中如何用Javascript判断input中的值是否为空? 请帮忙看看这段js该如何写 高手,帮我解决一下! 如何才能实现左边导航条菜单的样子?(www.csdn.net 左边的) nodejs 获取openid的问题 js浏览器脚本加载jquery 新手问个基础问题 div如何定位于IE窗口或是屏幕的正中
http://www.w3school.com.cn/
学,html css js
这个应该是你想要的,主要就是toggle()这个方法。
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<div id="Layer1" style="background-color:#FFFFCC">HGFHFHFGGHFG</div><label for="Submit"></label>
<input name="Submit" type="submit" id="Submit" onClick="MM_showHideLayers('Layer1','','hide')" value="隐藏">
<input name="Submit2" type="submit" onClick="MM_showHideLayers('Layer1','','show')" value="显示">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>jquery-toggle()方法使用</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#btn').click(function(){
$('div').toggle();
if($(this).val()=='隐藏')
{
$(this).val('显示');
}else{
$(this).val('隐藏');
}
})
})
</script>
</head>
<body>
<div style=" border:1px solid red; width:100px; height:100px; line-height:100px;">我是一个div</div>
<input type="button" id="btn" value="隐藏" />
</body>
</html>
保存html格式直接运行!
function test()
{
var divV = document.getElementById("Layer1");
if(divV.style.visibility =="hidden")
{
divV.style.visibility ="visible";
}
else
{
divV.style.visibility = "hidden";
}
}
</script>
<input type="button" value="显示/隐藏" onclick="test()"/>
<div id="Layer1">This is my Div</div>
if($(this).css('display')=='block'){
$(this).hide();
}else{
$(this).show();
}});
我另发帖向朋友们学习
平分吧