jquery 下拉菜单收不回来 代码执行了 可以下拉显示 但是鼠标离开时候收不回去
样式代码就不写了/jquery代码$(function(){$("#mandd").css("display","none");$("#mandl").hover(fun...
样式代码就不写了
/ jquery 代码
$(function(){
$("#man dd").css("display","none");
$("#man dl").hover(function(){$(this).find("dd").slideDown("fast");},
function(){ $("this").find('dd').slideUp('fast');});
});
/ 列表
<body>
<div id="man">
<dl>
<dt><p>全部</p></dt>
<dd><p>文档</p></dd>
<dd><p>图片</p></dd>
<dd><p>搜索</p></dd>
</dl>
</div>
</body> 展开
/ jquery 代码
$(function(){
$("#man dd").css("display","none");
$("#man dl").hover(function(){$(this).find("dd").slideDown("fast");},
function(){ $("this").find('dd').slideUp('fast');});
});
/ 列表
<body>
<div id="man">
<dl>
<dt><p>全部</p></dt>
<dd><p>文档</p></dd>
<dd><p>图片</p></dd>
<dd><p>搜索</p></dd>
</dl>
</div>
</body> 展开
4个回答
展开全部
首先，你的$("this")写错了 应该是 $(this) 最好手写代码
另外，换个思路
$("#man dl").on("mouseover", function(){$(this).find('dd').slideDown("fast");})
.on("mouseleave", function(){$(this).find('dd').slideDown("fast");});
另外，换个思路
$("#man dl").on("mouseover", function(){$(this).find('dd').slideDown("fast");})
.on("mouseleave", function(){$(this).find('dd').slideDown("fast");});
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.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>bc</p>
<p>bcdefg</p>
</div>
<p class="flip">点击我，试试看！</p>
</body>
</html>
你参考下这个例子
<head>
<script type="text/javascript" src="/jquery/jquery.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>bc</p>
<p>bcdefg</p>
</div>
<p class="flip">点击我，试试看！</p>
</body>
</html>
你参考下这个例子
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不是$("this")，写错了，没有引号的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function(){ $("this").find('dd').slideUp('fast');}); 这个this 对象应该已经发生变化了，不在是$("#man dl")
追问
this确实变化了 虽然可以收了 ， 但是选择条已经变成一个横条， 不是原来的按钮，只要碰到同行的按钮就自动显示这个还是弄不好。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
