Кнопка 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()
  });
});

Вы можете увидеть его здесь