代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>问答特效</title>
<style type="text/css">
h2{padding: 5px;}
p{display: none;}
.k1 {
background-color: #ccffff;
}
.k2 {
display: block;
}
</style>
</head>
<body>
<h2>什么是受益人?</h2>
<p>
<strong>解答:</strong>
受益人是指人身保险中由被保险人或者投保人指定的
享有保险金请求权的人,投保人、被保险人可以为受益人。
</p>
<script src="js/jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var aaa = 1;
$("h2").click(function(){
if (aaa == 1) {
$("h2").addClass("k1").next().addClass("k2");
aaa = 0;
} else if (a == 0) {
$("h2").removeClass("k1").next().removeClass("k2");
aaa = 1;
}
});
});
</script>
</body>
</html>
点击之前:
点击之后:
再次点击,就没有办法消除这个样式
很奇怪,为什么增加样式可以成功,消除样式却不行。
你的
js
代码写的有问题,我想你应该是想要实现这种功能:变量
a
未定义。