如何同时滑动切换输入和自动对焦？

Question

我正在尝试在 onClick 上滑动切换隐藏的 div 并自动聚焦输入。

我试过这个，我也试过 $( ".search-input" ).focus();和 $(this).find('input[type="text"]').focus();似乎都不起作用。

我在这里错过了什么......？

$( ".search" ).click(function() {
  $( ".search-input" ).slideToggle();
  $(this).find('input[type="text"]').focus();
});

这是一个小提琴https://jsfiddle.net/odu7ckzh/

欢迎提出建议：）谢谢

Answer 1

只需将.focus() 链接到.slideToggle()

$( ".search" ).click(function() {
  $( ".search-input" ).slideToggle().focus();
});