Replicate default XML stylesheet with collapsable sections.

LikeXML

<style>
.likeXML{margin:20px 0}
.likeXML .text{color:#000;font-size:12px}
.likeXML .start-tag,.likeXML .end-tag{
    color:#800080 !important;
    text-transform:uppercase;
    cursor:pointer;
    font-weight:bold;
    font-size:12px
}
.likeXML li li{margin-left:20px}
.likeXML li li li{margin-left:20px}
</style>
<script>
jQuery(document).ready(function() {
    jQuery(".likeXML .collapseXML .start-tag").click(function() {
        jQuery(this).parent().next("ul").toggle("slow");
    });
});
</script>

  <div class="likeXML">
    <ul>
      <li class="collapseXML">
        <div>
          &lt;<span class="start-tag">DATASET</span>&gt;
        </div>

        <ul>
          <li class="collapseXML">
            <div>
              &lt;<span class="start-tag">VEHICLE</span>&gt;
            </div>

            <ul style="display: block;">
              <li>
                <div>
                  &lt;<span class="start-tag">MAKE</span>&gt;<span class=
                  "text">RENAULT</span>&lt;/<span class="end-tag">MAKE</span>&gt;
                </div>

                <div>
                  &lt;<span class="start-tag">MODEL</span>&gt;<span class=
                  "text">FLUENCE</span>&lt;/<span class="end-tag">MODEL</span>&gt;
                </div>
              </li>
            </ul>

            <div>
              &lt;<span class="start-tag">/VEHICLE</span>&gt;
            </div>
          </li>
        </ul>

        <div>
          &lt;<span class="start-tag">/DATASET</span>&gt;
        </div>
      </li>
    </ul>
  </div>