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

我试图滑动切换一个隐藏的div onClick，并自动聚焦输入

我试过这个，也试过只使用$（“.search input”）.focus（）；和$（this.find（'input[type=“text”]”）。focus（）；两者似乎都不起作用

我在这里错过了什么

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

这是一把小提琴

欢迎提出任何建议：）谢谢

只需将

.focus（）

链接到

.slideToggle（）

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