<script>
$(function(){
$(".d1").click(function(){
var txts = $(this).parents("li")
if ($(this).attr ('class')=='d1'){
$(this).removeClass('d1')
txts.find(".d2").show()
}else{
$(this).addClass('d1')
txts.find(".d2").hide()
}
})
})
</script>
<li>
<div class=d1>展开</div>
<div style=" display:none" class=d2>内容</div></li>
<li>
<div class=d1>展开</div>
<div style=" display:none" class=d2>内容2</div></li>
另外附上另外一种简单方法：
$(document).ready(function(){
$(".d1").click(function(){
$(".d2").toggle()
})
})
</script>
<li>
<div class=d1>展开</div>
<div style=" display:none" class=d2>内容</div></li>
<li>
<div class=d1>展开</div>
<div style=" display:none" class=d2>内容2</div></li>
<li>
如html部分代码如：<div id="isShowFlag" class="abc">内容</div>函数为：function test(){
if($('#isShowFlag').hasClass('abc')){
$('#isShowFlag').show()
}else{
$('#isShowFlag').hide()
}
}
PS:如果DIV的ID不固定，可以作为参数传到函数中去哦。。给你推荐一个JQuery学习网站
http://www.css88.com/jqapi-1.9/addClass/
<!DOCTYPE html><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>RunJS 演示代码</title>
<style>
.a1 td{
color:red
}
</style>
<script>
//class的名称不能是数字开头。。。
var show=function(btn){
var trs=btn.parentElement.querySelectorAll(".a1")
for(var i=0i<trs.lengthi++){
trs[i].style.display="none"
}
}
</script>
</head>
<body>
<form>
<input type="button" onclick="show(this)" value="1" />
<table>
<tr class="a1"><td>1</td><tr>
<tr class="a1"><td>1</td><tr>
<tr class="a1"><td>1</td><tr>
</table>
</form>
</body>
</html>
