JS: TOGGLE HIDE + ARRAY

  <style>

        .ET1, .ET2, .ET3 {

            display: none;

        }

    </style>

 <script>

        // Define an array of ID-class pairs

        var idClassPairs = [

            { id: 'ET1', class: 'ET1' },

            { id: 'ET2', class: 'ET2' },

            { id: 'ET3', class: 'ET3' }

            // Add more pairs as needed

        ];

        // Add click event listeners dynamically based on the array

        idClassPairs.forEach(function(pair) {

            var triggerElement = document.getElementById(pair.id);

            var hiddenElement = document.querySelector('.' + pair.class);

            triggerElement.addEventListener('click', function() {

                hiddenElement.classList.toggle(pair.class);

            });

        });

    </script>