、显示
el.style.display = '';2、隐藏
el.style.display = 'none';3、toggle
function toggle(el) {
if (el.style.display == 'none') {
el.style.display = '';
} else {
el.style.display = 'none';
}
}4、完整例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="jquery-1.7.js"></script>
<style type="text/css">
.myDiv
{
border:5px solid red;
width:300px;
height:300px;
}
</style>
<script type="text/javascript">
<!--
function f1()
{
//toggleClass检查对象是否存在某个指定的样式 如果存在则移除 如果没有则添加
$("#myDiv").toggleClass("myDiv");
}
//-->
</script>
</head>
<body>
<div id="myDiv" >
大家好 我是div
</div>
<input type="button" value="toggleClass用法" onclick="f1()">
</body>
</html>
认效果:
展开效果:
废话不多说,直接上代码:
*请认真填写需求信息,我们会在24小时内与您取得联系。