Can this javascript be written more efficiently?
<p>I'm using these two functions to control the height of separate drops on a navigation bar. It's working, but I'm sure it could be written as one function ... i just don't know how. Thanks in advance for any suggestions:</p>

<pre><code>&lt;script type="text/javascript"&gt;
function nav() {
  $('.nav li').hover(function () {
    $(this).find('ul.item1_sub').show();
    $(this).find('ul.item1_sub').stop().animate({
      height: '145px',
      opacity: '100'
    }, {
      queue: false,
      duration: 200,
      easing: 'easeInSine'
    })
  }, function () {
    $(this).find('ul.item1_sub').stop().animate({
      height: '0px',
      opacity: '0'
    }, {
      queue: false,
      duration: 100,
      easing: 'easeInCirc'
    })
  });
};
$(document).ready(function () {
  nav();
});

function nav2() {
  $('.nav li').hover(function () {
    $(this).find('ul.item2_sub').show();
    $(this).find('ul.item2_sub').stop().animate({
      height: '170px',
      opacity: '100'
    }, {
      queue: false,
      duration: 200,
      easing: 'easeInSine'
    })
  }, function () {
    $(this).find('ul.item2_sub').stop().animate({
      height: '0px',
      opacity: '0'
    }, {
      queue: false,
      duration: 100,
      easing: 'easeInCirc'
    })
  });
};
$(document).ready(function () {
  nav2();
});
&lt;/script&gt;
</code></pre>
