Template:Menu side: Difference between revisions

From WikiMSK

No edit summary
mNo edit summary
Line 3: Line 3:
<div class="menu-side-content">{{{2}}}</div>
<div class="menu-side-content">{{{2}}}</div>
</div>
</div>
<div class="menu-side-header2">Click Me</div>
<h2>Click Me</h2>


<html>
<html>
<style>
<style>
h2 {
  padding: 40px;
  background: red;
}
.menu-side {
.menu-side {
     background: #f8f9fa;
     background: #f8f9fa;
Line 45: Line 35:
}
}
</style>
</style>
<script>
const div = document.querySelector('h2');
function toggleStyle(el, prop, style1, style2) {
  el.style[prop] = el.style[prop] === style1 ? style2 : style1;
}
div.addEventListener('click', e => {
  toggleStyle(div, 'background', 'red', 'blue');
});
</script>
</html>
</html>

Revision as of 00:05, 20 March 2022