gpt4 book ai didi

javascript - 将鼠标悬停在 slideToggle(2 个 div)上

转载 作者:太空宇宙 更新时间:2023-11-04 04:18:12 25 4
gpt4 key购买 nike

我的 javascript/jquery 遇到了问题。

我的屏幕底部有一个 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 个 div)上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19598426/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com