//Css样式
<style>
.first{
padding:10px 0px 0px 20px;;
width:300px;
height:50px;
background-color:#339999;
}
span{
width:14px;
height:14px;
float:left;
}
.jia{
background-image:url(+.jpg);
}
.jian{
background-image:url(-.jpg);
}
</style>
//jQuery代码
<script src="JQ.js" type="text/javascript"></script>
<script>
$(
function(){
$(".first").toggle(
function(){
$(".first>span").addClass("jian");
},
function(){
$(".first>span").addClass("jia");
}
);
}
);
</script>
</head>
<body>
<div class="first">
<span class="jia"></span>
</div>
</body>
</html>
初始化:
第一次点击效果图:
再次点击还是
这是为什么,说下原因,为什么会这样,谢谢各位大侠了
幕布斯7119047