title: Set height of ul on click using Jquery
body: <p>Actually I have an ul which is set to a particular height using css. I'm trying to set the height of ul on clicking a div element. Here is my code </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="hey"&gt;Click me&lt;/div&gt;
  &lt;ul style="height:100px"&gt;My Height&lt;/ul&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function() {
      $('.hey').click(function(){
          $(this).next().find('ul').css('height','10px');
      });
  });
  </code></pre>
  
  <p>Did I miss anything? </p>
  
  <p>Here is the <a href="http://jsfiddle.net/W4Km8/371/" rel="nofollow">demo</a></p>