slidetoggle如何配合hover使用
导读:可以使用jQuery的hover事件来触发slidetoggle效果。 例如,以下代码会在鼠标悬停在元素上时触发slidetoggle效果: <!DOCTYPE html> <html> <head> &...
可以使用jQuery的hover事件来触发slidetoggle效果。
例如,以下代码会在鼠标悬停在元素上时触发slidetoggle效果:
<
!DOCTYPE html>
<
html>
<
head>
<
script src="https://code.jquery.com/jquery-3.6.0.min.js">
<
/script>
<
script>
$(document).ready(function(){
$("#toggle").hover(function(){
$("#content").slideToggle();
}
);
}
);
<
/script>
<
style>
#content {
display: none;
}
<
/style>
<
/head>
<
body>
<
div id="toggle">
Hover over me<
/div>
<
div id="content">
This content will be toggled<
/div>
<
/body>
<
/html>
在这个例子中,当鼠标悬停在id为"toggle"的元素上时,会触发id为"content"的元素的slidetoggle效果。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: slidetoggle如何配合hover使用
本文地址: https://pptw.com/jishu/685592.html