Difference between revisions of "Widget:Compass"

From LINKS Community Center
Jump to: navigation, search
Line 13: Line 13:
 
         .opened { display: block; }
 
         .opened { display: block; }
 
     </style>
 
     </style>
 
    <script>
 
        document.getElementById('cmp-container').addEventListener('click', event => {
 
            if (event.target.tagName === 'H2') {
 
                event.target.closest('.theme').querySelectorAll('.subtheme').forEach(el => el.classList.toggle('opened'));
 
            }
 
        });
 
    </script>
 
  
 
     <div style="text-align: center; color: red; margin-top: 4em;">New version</div>
 
     <div style="text-align: center; color: red; margin-top: 4em;">New version</div>
Line 92: Line 84:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    <script>
 +
        document.getElementById('cmp-container').addEventListener('click', event => {
 +
            if (event.target.tagName === 'H2') {
 +
                event.target.closest('.theme').querySelectorAll('.subtheme').forEach(el => el.classList.toggle('opened'));
 +
            }
 +
        });
 +
    </script>
 
</includeonly>
 
</includeonly>

Revision as of 15:58, 22 November 2022

Development version of the Compass.
Not ready for production!