show or hidden DIV-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_4972/article/details/82574302

<SCRIPT type="text/javascript" src="jquery-1.7.1.min.js"></SCRIPT>
<script type="text/javascript" language="JavaScript">
 
         function showdiv(){
                   $('#showdiv1').html($('#showcontent1').html());
                   $('#rrr').focus();
           }
           
         function showdiv2(){
                   $('#showdiv1').html();
                   $('#showdiv1').html($('#showcontent2').html());
                   //alert($('#kkkk').val()+"-------------");
                   $('#kkkk').focus();
                   //$('#rrr').focus();
                   // document.getElementById("kkkk").click();
           }
           
         function test3(){
                   //alert(111);
         }
</script>
 
<body> 
 
<a onclick="showdiv()">
show 1 button
</a>
<br/>
<br/>
<div id="showdiv1"> 
 
</div>
<br/>
<br/>
<br/>
 
<div id="showcontent1" style="display:none">
<input type="button"  id="rrr" value="1234" onkeydown='if(event.keyCode==13){alert(1234)}' style="font-size:15px;font-weight:bold;width:166px;height:42px;border:0;background:url(cancel.png);background-repeat: no-repeat;color: white;font-weight: bold;" /> 
 
<a onclick="showdiv2()">
show 2 button
</a>
</div>
 
<div id="showcontent2" style="display:none">
<input type="button"  id="kkkk"  onclick="test3()" onkeydown='if(event.keyCode==13){alert(5678)}' value="5678" style="font-size:15px;font-weight:bold;width:166px;height:42px;border:0;background:url(next.png);background-repeat: no-repeat;color: white;font-weight: bold;"/>
</div>
 
 
</body>