这是我的 Jquery 代码:
$(document).ready(function () {
$('.caption').hide();
$('.replaybox', this).hover(function () {
$('.caption', this).stop().animate({
opacity: 1,
height: 30
}, 200);
}, function () {
$('.caption', this).stop().animate({
opacity: 0,
height: 0
}, 200);
});
$('span').click(function () {
$('.div', this).slideToggle();
});
});
现在,当我的鼠标悬停在 .replaybox
上时,我想要的是 .caption
div 高度是动画 30px。现在,当我点击 span 时,我将 span 放在 .caption
类中,所以 .div
类是切换的,而 .replaybox
溢出是隐藏所以我的 .div
框隐藏在主类中所以我如何显示在顶部的高度和。
HTML 代码是野兔:
<div class="replaybox">
<div class="caption">
<span>
<img src="coffe.png"/>
<div class="div"></div>
</span>
<span>
<img src="emotion.png"/>
<div class="div"></div>
</span>
<span>
<img src="podcast.png"/>
<div class="div"></div>
</span>
<span>
<img src="cog.png"/>
<div class="div"></div>
</span>
</div>
</div>
您还可以在这个链接中看到: http://jsfiddle.net/Abhinav/yYW9C/7/
最佳答案
你添加了一个隐藏现在你需要显示()
$(function(){
$('.caption').hide();
$('.replaybox').hover(function(){
$('.caption',this).show(50).animate({opacity: 1,
height: 30}, 200);
},function(){
$('.caption',this).animate({opacity: 0,
height: 0 }, 200);
});
$('span').click(function(){
$('.div',this).slideToggle();
});
});
关于jquery - 不删除隐藏的溢出如何显示 div 框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16829982/