jquery实现div从左向右弹出的效果

<div id="nav" style="width:0px;height:600px;position:fixed;left:0px;"> 
<div id="navcontent" style="z-index:10;background:lightgreen;width:0px;height:100%;overflow:hidden;position:fixed;"></div> 
<div style="z-index:1;float:left;text-align:right;cursor:hand;width:10px;height:50px;line-height:45px;background:lightgreen;position:fixed;top:350px;" id="switchPoint"><a style="color:white;" id="switchA" href="javas.c.r.i.p.t:void(0)">&gt;</a></div> 
<s.c.r.i.p.t type="text/javas.c.r.i.p.t"> 
jQuery.noConflict(); 
jQuery(function($){ 
$.get("nag.bbscs",function(data){ 
$("#navcontent").html(data); 
}); 
$("#switchPoint").click(function(){ 
if($("#switchA").html()!="&lt;"){ 
$("#switchA").html("&lt;"); 
$("#navcontent").animate({width:100},1000); 
$(this).animate({width:110},1000); 
}else{ 
$("#switchA").html("&gt;"); 
$("#navcontent").animate({width:0},1000); 
$(this).animate({width:10},1000); 
$(this).css({background:lightgreen}); 
} 
$("#switchA").blur(); 
}); 
}); 
</s.c.r.i.p.t> 
</div>

来源:http://www.chahushequ.com