在JQuery中将隐藏的文本通过css样式先出来
1、初始的html代码:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
h2{padding: 5px;
}
p{
display: none;
}
</style>
</head>
<body>
<h2>什么是受益人?</h2>
<p>
<strong>解答:</strong>
受益人是指人身保险中由被保险人后者投保人指定的
享有保险金请求权的人,投保人、被保险人可以为受益人。
</p>
</body>
</html>
初始的界面2.导入JQuery和利用css样式进行在页面进行获取隐藏的内容
<script src="../js/jquery-1.7.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
$("h2").click(function(){
$(this).css({"background-color":"dodgerblue","color":"white"}).next().css("display","block");
})
})
</script>