网页制作div点击按键弹出，点击按键关闭的制作
您好我是上次请教您div弹出事件的同学，我想问一下还有一种是点击按键盒子弹出，再点击盒子又关闭的制作方法是怎么样的，麻烦您也能详细的说一下，给您20的分数，还望笑纳，谢谢...
您好我是上次请教您div弹出事件的同学，我想问一下还有一种是点击按键盒子弹出，再点击盒子又关闭的制作方法是怎么样的，麻烦您也能详细的说一下，给您20的分数，还望笑纳，谢谢了。
展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>
<body>
<div class="panel">
<p>你可以学习下jquery！</p>
<p>不会的在找我！谢谢！</p>
</div>
<p class="flip">请点击这里</p>
</body>
</html>
可以满足你的需求么，不满足再和我说！
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>
<body>
<div class="panel">
<p>你可以学习下jquery！</p>
<p>不会的在找我！谢谢！</p>
</div>
<p class="flip">请点击这里</p>
</body>
</html>
可以满足你的需求么，不满足再和我说！
来自：求助得到的回答
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
