Jump to content

Template:Infobox What Do I Want: Difference between revisions

An idea by Jeff Lawlor
Created on 2025-04-17
No edit summary
No edit summary
Line 1: Line 1:
<div class="infobox-idea">
<div class="infobox-idea">
   <figure class="infobox-image">
   <div class="infobox-image">
     [[File:What Do I Want.png|center|300px]]
     [[File:What Do I Want.png|center|300px]]
   </figure>
   </div>


   <div class="infobox-meta">
   <div class="infobox-meta">
Line 46: Line 46:
   </ul>
   </ul>
</div>
</div>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.infobox-tab').forEach(button => {
      button.addEventListener('click', () => {
        const tab = button.dataset.tab;
        document.querySelectorAll('.infobox-panel').forEach(panel => panel.style.display = 'none');
        document.querySelector('.infobox-panel.' + tab).style.display = 'block';
        document.querySelectorAll('.infobox-tab').forEach(b => b.classList.remove('active'));
        button.classList.add('active');
      });
    });
  });
</script>

Revision as of 18:57, 25 April 2025

       
Anonymous
     <button class="infobox-tab" data-tab="about-me">About Me</button>
     <button class="infobox-tab" data-tab="about-idea">About My Idea</button>
   <button class="show-more" onclick="this.previousElementSibling.style.display='block'; this.style.display='none';">Show More</button>
   I give this idea away freely. Here's what I'd like if you decide to make my idea come true, though you're under no obligation