HTML nur Überschriften zeigen

[Linuchs]

Danke, das Symbol hatte sich ganz unauffällig eingeschlichen. Klick darauf funktioniert.

Habe gerade eine Idee innerhalb eines HTML Dokuments umgesetzt. Sehr unkonventionell, aber funktioniert. Ich blende style Angaben ein und aus.

function toggleInhalt() {
  if ( document.getElementById("inhalt").innerHTML == "" ) {
    document.getElementById("inhalt").innerHTML = `
    <style>
    .main * {
      display:none;
    }
    h1, h2, h3, h4, h5, h6 {
      display: block ! important;
      text-align: left ! important;
    }
    </style>
    `;
  } else {
    document.getElementById("inhalt").innerHTML = '';
  }
}

  <div id="inhalt"></div>
  <center><button onclick="toggleInhalt()">Inhalt</button></center>

  <div class=main>
    <h1>Überschrift h1</h1>
    <br>
    <p>Text Text Text Text Text </p>
    <br>
    <h3>Überschrift h3</h3>