How to switch States?

Guys, a question.
I have some text, clicking on it should drop out input to change the text, and when we changed the text and click abroad inputa, should all come back (that is, the input switch on the text). So I don't know how to do this return.

https://jsfiddle.net/tvcdafLc/2/
June 7th 19 at 14:35
1 answer
June 7th 19 at 14:37
Solution
Maybe better to use inline editing ?
Like here: double-click - edit, again double-click - off editing.
I decided to use contenteditable. I hope it is not is a bad tone.

Thanks for the link! - Kolby59 commented on June 7th 19 at 14:40
well Yes! What I had in mind! - Kyleigh_Hills commented on June 7th 19 at 14:43

Find more questions by tags CSS