li jQuery動畫

Question

請有人能幫助我嗎？我無法從菜單項調整#top。這是HTML代碼：

<div id="top"></div> 
<div id="wrapper"> 
<div id="header"> 
<div id="topheader"></div> 
<div id="baseheader"> 
<div id="logo"><img src="images/logo.png" width="260" height="131" /></div> 
<div id="contentmenu"><div id="menu"> 
<ul id="nav"> 
<li id="nav1"><a href="#">ESTUDIO</a></li> 
<li id="nav2"><a href="#">PORTFOLIO</a></li> 
<li id="nav3"><a href="#">SERVICIOS</a></li> 
<li id="nav4"><a href="#">PRESUPUESTO</a></li> 
<li id="nav5"><a href="#">CONTACTO</a></li> 
</ul> 
</div></div> 
</div> 
</div> 

與這個jQuery

$("#nav li[id='nav4']").live('click', function(e) { 
$("#top").animate({height:114}); 
}); 

Answer 1

我建議.on()代替.live()， 「在jQuery 1.7中，.live（）方法已過時」

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#nav").on('click', '#nav4', function() { 
    $("#top").animate({height:114}); 
    return false; 
    }); 
}); 
</script> 

http://jsfiddle.net/z4KrL/9/

並且不使用如此的菜單ID使用類，e.g

UPDATE：從上面

• 拷貝代碼到頁面底部
• 添加鏈接到jQuery庫<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
• 刪除鏈接到外部topheight.js