用animate做div的展开 有什么办法可以从右往左展开嘛

新手。
样式
#apDiv2 {
position:absolute;
width:0px;
height:115px;
z-index:2;
left: 690px;
top: 120px;
background-color: #FF0000;
display:none;
}
层
<div id="apDiv2">
        asdasdsa<br>
        asdasdsa<br>
        asdasdsa<br>
</div>js
$("#apDiv2").animate({width:"+=200px"}, 1000);想让他从右边往左展开 收回的时候正好反方向 这样子

解决方案 »

  1.   

    $("#apDiv2").show("fast").animate({width:"+=200px"}, 1000);
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
      <style type="text/css">
    #apDiv2 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:2;
    left: 690px;
    top: 120px;
    background-color: #FF0000;
    display:none;
    }
      </style><script type="text/javascript">
    $(function(){
    $("#btn1").click(function(){
    $("#apDiv2").show("slide", { direction: "right" }, 1000);
    }) $("#btn2").click(function(){
    $("#apDiv2").hide("slide", { direction: "left" }, 1000);
    })
    })
    </script>
     </HEAD> <BODY>
      <div id="apDiv2">
      asdasdsa<br>
      asdasdsa<br>
      asdasdsa<br>
     </div>
     <input type="button" id="btn1" value="展开"/><input type="button" id="btn2" value="收回"/>
     </BODY>
    </HTML>