slidetoggle如何配合hover使用

avatar
作者
猴君
阅读量:0

可以使用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效果。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!