不太明白为什么
看不明白为什么要用input
看不明白为什么要用input
2015-06-16
在什么时候隐藏,在什么时候显示,所以缺少一个判断条件!判断条件可以自己添加!不用input也行。看代码:
<!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>使用show()和hide()方法显示和隐藏元素</title>
<style>
div{ margin: 10px 0px;
border: solid 1px #ccc;
width: 280px;
}
ul{ list-style-type: none;
padding: 5px;
margin: 0px;
display: none;
}
li{margin: 3px;}
h4{background-color: #eee;
padding: 5px;
margin: 0px;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<h3>使用show()和hide()方法显示和隐藏元素</h3>
<div>
<h4>我喜欢吃的水果</h4>
<ul>
<li>苹果</li>
<li>甘桔</li>
<li>梨</li>
</ul>
</div>
<script type="text/javascript">
$(function () {
var i=false;
$("h4").bind("click", function () {
if (i == false) {
$('ul').show();
i=true;
} else {
$('ul').hide();
i=false;
}
});
});
</script>
</body>
</html>举报