Please attached GIF below to see what I’m experiencing. I have a method called “showHideEditable” in which I check whether the
event.currentTarget is checked or not…and based on that, I show and hide the appropriate editableElements. If the
data-id === '0' then all editableElements are either ‘shown’ or ‘hidden’ from the end-user; otherwise, editableElements having the same
data-id as of the clicked checkbox are ‘shown’ or ‘hidden’. I am not sure how the individual checkboxes are holding onto their state?