要實現在父元素內部進行 slidetoggle 動畫,并且限制子元素不溢出父元素的方法可以通過以下步驟:
.parent {
position: relative;
overflow: hidden;
}
.child {
position: absolute;
top: 0;
left: 0;
display: none;
}
$('.trigger').click(function() {
$('.child').slideToggle('slow', function() {
$('.parent').css('height', $('.child').is(':visible') ? $('.child').height() : 0);
});
});
通過以上步驟,可以實現在父元素內部進行 slidetoggle 動畫,并且限制子元素不溢出父元素的效果。