要實現無縫切換效果,可以使用slideToggle()方法的complete參數。complete參數是一個回調函數,在slideToggle()動畫完成后執行。在回調函數中,可以再次調用slideToggle()方法來實現無縫切換效果。
示例代碼如下:
// 初始狀態為隱藏
$('#myElement').hide();
// 點擊按鈕切換顯示和隱藏
$('#myButton').click(function() {
$('#myElement').slideToggle('slow', function() {
// 切換完畢后再次調用slideToggle()來實現無縫切換
$('#myElement').slideToggle('slow');
});
});
這樣就可以實現一個無縫切換的效果,點擊按鈕時元素會平滑地顯示和隱藏。