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

Question

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

单击搜索图标时，搜索字段已打开，因此应将重点放在输入上，以便在不单击搜索字段的情况下在该字段中进行书写。

我正在尝试使用以下代码：

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

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

Answer 1

在进行转换后，您将需要使用transitionend：

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

您可以see it here