Кнопка открыть и отправить в поле поиска

Добрый день подскажите пожалуйста, как можно сделать следующий функционал

Есть поле input, которое выезжает по клику на кнопку "search", после того как пользователь нажал на эту кнопку, она должна замениться на обычную кнопку с input type="submit", которая отправит поле input. Закрытие поля должно происходить по клику в любое место на сайте

Пример представлен на рисунке: