Display hashed security answers in front end

My web app requires the users to provide secret questions and answers. The users can't pick a question from predefined ones, but have to write their own questions and (of course) answers.

For security reasons I then hash the answers before storing them in the data base. => this is when my problem occurs. I want to display the information (questions and answers) to the users on their profile pages, but - as the answers are hashed - I am not able to ever display them in plain text.

So the question is: how would you solve this for clarity and good usability?

My current approach is to display the questions and answers in an input field. If a user has already answered one of the questions, the answer input gets disabled and grayed out. The answer input contains no text (as it would only contain the "gibberish" hash string) => A user then has to make a change to the related question first, before he can edit the answer input.

UX problem secret answers

But I am not sure, whether this is good usability design and unambiguous?