Bootstrap input group animation

hi everyone , i try do make input group animation,
first step : will be button with seach icon from font awesome in centeral page.
second step : when click on the search is move left and open input and under a button submit like from.
third step : if click again is close and return like first time

i edit , and mostly success , need to look better , some ideas any one? can look at the plunker

i add here my code Here and will thankful

any help?

some help please ? , i really will be thankful :pray: