3 deep jquery ul list - want only 2nd ul to show when 1st clicked
<p>I have a three deep ul list.  When the top ul is clicked I only want the 2nd ul to show.  Then when the second ul is clicked the third should show.  What happens now is when the first ul is clicked, all ul's underneath show.  How can I get this to work properly?  </p>

<p>Code:</p>

<pre><code>jQuery(document).ready(function () {
  jQuery('.list-year').addClass('list-year-left');
  jQuery('.list-year').on('click',(function() { 
    jQuery('.list-year').toggleClass('list-year-down');
    jQuery('.list-month').toggle();  
  }));

});
</code></pre>

<p>I have a js fiddle link: <a href="http://jsfiddle.net/7xbjr/4/" rel="nofollow">http://jsfiddle.net/7xbjr/4/</a>  Any help much appreciated!</p>
