HTML Product Collapse Feature

[daniel]

I’m trying to make a button/field collapse html code. Here’s two ways I’ve figured out how to do it:

 

method 1

user selects “-->" option and then “<!--“ option which will insert a <!-- code before the code I want to remove and inserts a --> after it. This removes the code entirely.

 

method 2

i design the code to be within a table so that a user can select “visibility:collapse;” option to insert that code in the table style to collapse it.

 

neither of these options seem ideal because method 1 needs two options to be activated to collapse the code and method 2 requires me to put all elements in a table which will be hard to format correctly.

 

Is there a easier way to disable, hide, or collapse a code?