Template:Menu side: Difference between revisions

@@ Line 37: / Line 37: @@
 </style>
 <script>
-$('#image').click(function() {
+const menu-side-header = document.querySelector('.menu-side-header');
-    $('#foo').css({
+const menu-side-content = document.querySelector('.menu-side-content');
-    'background-color':'red',
-    'color':'white',
+function toggleStyle(el, prop, style1, style2) {
-    'font-size':'44px'
+  el.style[prop] = el.style[prop] === style1 ? style2 : style1;
-    });
+}
+menu-side-header.addEventListener('click', e => {
+  toggleStyle(menu-side-content, 'background', 'red', 'blue');
 });
 </script>
 </html>

Revision as of 23:57, 19 March 2022