Show hide components in Single Page App

[practicalli-johnny]

https://stackoverflow.com/questions/56908280/clojurescript-change-display-none-to-visible

Hide / Show reagent form
https://gist.github.com/aarkerio/11a8606a1253fea50910a17325826536

(defn question-item
  [{:keys [question explanation hint key qtype id ordnen] :as q}]
  (let [counter (reagent/atom 0)
        editing (reagent/atom false)]   ;; show and switch icons (Edit/Cancel) 
    (fn []
    [:div.div-separator {:key (str "div-question-separator-" id) :id (str "div-question-separator-" id)}
     (if @editing
       [:img.img-float-right {:title    "Cancel question"
                              :alt      "Cancel question"
                              :key      (str "cancel-question-img-" id)
                              :id       (str "cancel-question-img-" id)
                              :src      "/img/icon_cancel.png"
                              :on-click #(swap! editing not)}]
       [:img.img-float-right {:title    "Edit question"
                              :alt      "Edit question"
                              :key      (str "edit-question-img-" id)
                              :id       (str "edit-question-img-" id)
                              :src      "/img/icon_edit.png"
                              :on-click #(swap! editing not)}])
     [:p {:key (str "div-question" id) :id (str "div-question" id)} [:span.bold-font (str key ".-")] "Question: " question  "   ordnen:" ordnen "   id:" id]
     [:p {:key (str "div-hint" id)     :id (str "div-hint" id)}     [:span.bold-font "Hint: "] hint]
     [:p {:key (str "div-explan" id)   :id (str "div-explan" id)}   [:span.bold-font "Explanation: "] explanation]
     (when @editing
       [simple-input q])  <-- react component
)