onClick 按钮在输入字段中添加焦点，但该输入是不可见的

【问题标题】：onClick button add Focus in an input field but that input is invisibleonClick 按钮在输入字段中添加焦点，但该输入是不可见的
【发布时间】：2018-10-11 00:52:03
【问题描述】：

这是我的演示： https://jsfiddle.net/larico/7d3851uf/1/

当点击搜索图标时，搜索字段被打开，因此应该专注于输入，在字段中写入而不点击搜索字段。

我正在尝试使用此代码：

$('.search').click(function(){
    $('#gosearch').focus();
});

但似乎不起作用。 怎么解决呢，

【问题讨论】：

标签： javascript jquery input focus

【解决方案1】：

因为你有一个过渡，你需要使用transitionend：

$('.search').click(function(){ 
  $(this).toggleClass('opened');
  $('.big-search').toggleClass('displayed').one('transitionend', function(){
     $('#gosearch').click().focus()
  });
});

你可以see it here

【讨论】：