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()之类的任何值，它会立即下滑

Jquery slideDown不能马上工作

1 个答案: