Zusammenklappbarer Baum

Eine zusammenklappbarer Baum kann eine große Menge hierarchischer Informationen übersichtlich darstellen. Er besteht aus einer verschachtelten ungeordneten Liste, deren Einträge mit bestimmten Klassen versehen sind.

• Eintragsart: Eintragsname
  
  Bearbeitungslink

  Attribut: Wert
  Attribut: Wert
  Untereinträge:
  

  • Eintragsart: Eintragsname
    Attribut: Wert
    Attribut: Wert
    

<ul id="tree" class="tree">
  <li id="entry_id" class="collapsible header">
    <span class="attribute header">Eintragsart</span>:
    <span class="value header">Eintragsname</span><br />
    <div class="content">
      <div class="actions"><a href="#">Bearbeitungslink</a></div>
      <span class="attribute">Attribut</span>:
      <span class="value">Wert</span><br />
      <span class="attribute">Attribut</span>:
      <span class="value">Wert</span><br />
      Untereinträge:<br />
      <ul>
        <li id="entry_id" class="collapsible header">
          <!-- COLLAPSE HERE -->
          <span class="attribute">Eintragsart</span>:
          <span class="value">Eintragsname</span><br />
          <span class="attribute">Attribut</span>:
          <span class="value">Wert</span><br />
          <span class="attribute">Attribut</span>:
          <span class="value">Wert</span><br />
        </li>
      </ul>
    </div>
  </li>
</ul>