jQuery: Creating custom animation

Expand me



The jQuery Code START
    
    <script type="text/javascript" src="./jquery-1.5.1.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
  
    <script type="text/javascript">
      function animator() {
        $("#target").animate({ 
          width: "80%",
          opacity: 0.333,
          fontSize: "26pt", 
          marginLeft: "0.5in",
          borderWidth: "15px"
        }, 2000 );
      }
    </script>

    <style type="text/CSS">
      div { 
        background-color:cyan; 
        width:100px; 
        border:1px solid blue;
    }
    </style>
  </head>

  <body>
    <h1>jQuery: Creating custom animation</h1>
    <div id="target">Expand me</div>
    <br />
    <form action="">
    <button onclick="animator()">Animate</button>
    </form>