jQuery slideDown立即無法正常工作

Question

這是點擊功能，搜索區域將在標題下方向右滑動。 我是用jQuery slideDown制作的。 但是我可以看到slideDown函數無法立即運行，似乎要等待1秒鍾然后向下滑動。

這不是一個大問題，但這使我感到困擾。

有什么解決辦法嗎？

還是這只是slideDown函數的工作方式？

下面是我的代碼供參考：

 /*header function*/ function showHeaderSearch_PC() { $('.search_area').slideDown(260); $('#search_btn_pc').fadeOut(150, function(){ $('#search_close_btn_pc').fadeIn(150); }); } function hideHeaderSearch_PC() { $('.search_area').slideUp(260); $('#search_close_btn_pc').fadeOut(150, function(){ $('#search_btn_pc').fadeIn(150); }); } function showHeaderAllMenu() { $('.all_menu_area').slideDown(400); $('#all_menu_btn').fadeOut(150, function(){ $('#all_menu_close_btn').fadeIn(150); }); } function hideHeaderAllMenu() { $('.all_menu_area').slideUp(400); $('#all_menu_close_btn').fadeOut(150, function(){ $('#all_menu_btn').fadeIn(150); }); } $(function(){//PC header search function $('#search_btn_pc').click(function(){ hideHeaderAllMenu(); setTimeout(function(){ showHeaderSearch_PC();}, 400); }); $('#search_close_btn_pc').click(function(){ hideHeaderSearch_PC(); }); }); $(function(){//PC header all menu function $('#all_menu_btn').click(function(){ hideHeaderSearch_PC(); setTimeout(function(){ showHeaderAllMenu();}, 270); }); $('#all_menu_close_btn').click(function(){ hideHeaderAllMenu(); }); }); 

Answer 1

我相信，您正在使用帶有一些值的“ slideDown”函數，例如slideDown(500);

如果您不傳遞諸如slideDown()類的任何值，它將立即向下滑動