title: li jQuery Animation
body: <p>Please, someone can help me? I can't resize #top from li menu item. this is html code:</p>
  
  <pre><code>&lt;div id="top"&gt;&lt;/div&gt;
  &lt;div id="wrapper"&gt;
  &lt;div id="header"&gt;
  &lt;div id="topheader"&gt;&lt;/div&gt;
  &lt;div id="baseheader"&gt;
  &lt;div id="logo"&gt;&lt;img src="images/logo.png" width="260" height="131" /&gt;&lt;/div&gt;
  &lt;div id="contentmenu"&gt;&lt;div id="menu"&gt;
  &lt;ul id="nav"&gt;
  &lt;li id="nav1"&gt;&lt;a href="#"&gt;ESTUDIO&lt;/a&gt;&lt;/li&gt;
  &lt;li id="nav2"&gt;&lt;a href="#"&gt;PORTFOLIO&lt;/a&gt;&lt;/li&gt;
  &lt;li id="nav3"&gt;&lt;a href="#"&gt;SERVICIOS&lt;/a&gt;&lt;/li&gt;
  &lt;li id="nav4"&gt;&lt;a href="#"&gt;PRESUPUESTO&lt;/a&gt;&lt;/li&gt;
  &lt;li id="nav5"&gt;&lt;a href="#"&gt;CONTACTO&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>AND THIS jQUERY</p>
  
  <pre><code>$("#nav li[id='nav4']").live('click', function(e) {
  $("#top").animate({height:114});
  });
  </code></pre>