click inception

show div on click on parent div.

by Sanjay

HTML

<div id="first" class="odd">click me!
    <div  class="even">click me!
        <div class="odd">click me!
            <div  class="even">click me!
                <div class="odd">click me!
                    <div  class="even">click me!
                        <div class="odd">click me!
                            <div  class="even">click me!
                                <div class="odd">click me!
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

div {
  padding: 5px 8px;
  cursor: pointer;
}
#first div {
  display:none;
  font-size: 1.1em;
}
.odd {
   background: #008080;
  color: #fff;
}
.even {
  background: #fff;
  color: #008080;
}

JavaScript

$('div').each(function(){
  $(this).click(function() {
    $(this).children('div').show();
  });
});