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

Question

我正在尝试使用幻灯片切换隐藏的div onClick并在输入上自动对焦。

我试过这个，我也尝试过$（“。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();
});