Modification de Modèle:InteractiveInfobox

<div class="infobox" style="width:300px; border:1px solid #aaa; background-color:#f9f9f9;">
  <div style="text-align:center; background:#ccf; padding:5px;">
    <a href="javascript:void(0);" onclick="showColumn('columnA')" style="margin-right:10px;">{{{titleA|Title A}}}</a>
    <a href="javascript:void(0);" onclick="showColumn('columnB')">{{{titleB|Title B}}}</a>
  </div>
  <div id="columnA" style="text-align:center; display:block; padding:10px;">
    {{{dataA|Content for Column A}}}
  </div>
  <div id="columnB" style="text-align:center; display:none; padding:10px;">
    {{{dataB|Content for Column B}}}
  </div>
</div>

<script>
  function showColumn(columnId) {
    document.getElementById('columnA').style.display = 'none';
    document.getElementById('columnB').style.display = 'none';
    document.getElementById(columnId).style.display = 'block';
  }
</script>