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