gistfile1.html

how to remove a class from the kids? 

  $('.tree > ul > li').click(function(event){
    $('.tree ul li').removeClass("selected");
    $(this).addClass("selected");
    $(this).find("ul > li").removeClass("selected");
  });


 <div class='tree'> 
 
<ul>
<li class='list-with-no-kids'>company</li>
<li class='list-with-no-kids'>media</li>
<li class='list-with-no-kids'>blog</li>
<li class='list-with-kids'>creation
  <ul class='hide'>
  <li class='list-with-no-kids'>head</li>
  <li class='list-with-no-kids'>foot</li>
  </ul>
</li>
</ul> 
 
</div>