我的javascript / jquery遇到问题。
我在屏幕底部有一个div,当我将鼠标悬停在它上面时,我希望有一个div并在我将鼠标停留在它时停留在该位置。当我开箱即用时,它应该再次合拢。我的html:
<div id="footer">
<div id="howitworksBtn">
How it works
</div>
<div id="howitworksContent">
Second box
</div>
</div>
还有我的Javascript,目前尚无法使用,请提供帮助!
$("#howitworksBtn").hover(function () {
$(this).parent().find("#howitworksContent").stop().slideToggle("slow");
});
编辑:
我的CSS:
#howitworksBtn {
width: 220px;
height: 20px;
margin: auto;
text-align: center;
background-color: gray;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
}
#howitworksContent {
margin: 0;
display: none;
background-color: gray;
color: white;
text-align: center;
font-size: 3em;
font-family: helvetica;
}
#footer {
width: 100%;
position: absolute;
bottom: 0;
}
最佳答案
这是非常简单的.. :)
$("#howitworksBtn").parent().hover(function () {
$(this).find("#howitworksContent").slideToggle("slow");
});
关于javascript - 将鼠标悬停在slideToggle上(2格),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19598426/