Simple Tree

Simple collapsible tree structure

by austegard

HTML

<div>A
    <div>1</div>
    <div>2</div>
    <div>3
        <div>a</div>
        <div>b</div>
    </div>
</div>
<div>B
    <div>4</div>
    <div>5</div>
</div>

CSS

div {margin-left: 20px;}
.hideChildren div {display: none;}

JavaScript

$("div").click(function(e) {
    e.stopPropagation();
    $(this).toggleClass("hideChildren");
});