html javascript控制显示隐藏
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>jquery控制是否显示</title>
<script type=”text/javascript” src=”http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“#hide”).click(function(){
$(“#p1”).hide();
$(“#p2”).show();
});
$(“#show”).click(function(){
$(“#p1”).show();
$(“#p2”).hide();
});
});
</script>
</head>
<body>
<p id=”p1″>显示第一段内容</p>
<p id=”p2″>显示的第二段内容</p>
<!– <button id=”hide” type=”button”>隐藏</button>
<button id=”show” type=”button”>显示</button> –>
<input type=”radio” id=”hide” name=”gender”>男
<input type=”radio” id=”show” name=”gender”>女
</body>
</html>
版权声明：本文为ayanboke原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。