Integrating a bezier plug-in into my jquery: variable issue

Integrating a bezier plug-in into my jquery: variable issue

I'm trying to understand why the following doesn't work, specifically line 10. If I remove that line, all else works. I was told to declare the variables outside of the function but I've done both and it doesn't matter.
  1. $(document).ready(function(){
  2.     var arc_params = {
  3.     center: [278,120], //(cooridinates of center of circle)
  4.     radius: 186,    //half the size
  5.     start: -90, //north is 0, measured clockwise
  6.     end: 90, //north is 0, measured clockwise
  7.     dir: -1 //only required if direction is not obvious or you want to change it
  8. };
  9. $('#portfolio').fadeTo(500,0.25);
  10. $("#account").animate({path : new $.path.arc(arc_params)},1000);
  11. $('#account').animate({width:"10.1875em",height:"11.1875em",duration:'medium'});
  12. $('#next2btn').live('click', function(){
  13.                  $(this).attr('id','next3btn');// this is where the new id is created
  14.     $('#content').fadeTo(300, 0.0, function() {
  15.         $('#content2').show(300, function() {
  16.             $('#account').fadeTo(500,1.0)
  17.                 .animate({marginLeft:"220px", width:"2em",'height' :"2em",duration:'medium'})
  18. .animate({
  19.     marginLeft:"400px",
  20.     marginTop:"35px",
  21.     width:"7em",
  22.     height:"7em",
  23.         duration:"medium"
  24.     }, 'medium', 'linear', function() {
  25.     $('#statusGraphic').attr('src', 'state2_138x28.gif');
  26.     })
  27. .fadeTo(500,0.5);
  28. $('#portfolio')
  29. .fadeTo(500,1.5)
  30. .animate({marginLeft:"-220px", width:"12em",height:"12.5em",duration:'medium'})
  31. .animate({marginLeft:"-330px", width:"10.1875em",height:"11.875em",duration:'medium'});
  32. });
  33.     });
  34. });
  35. //end first click routine animation and replacement
  36.  });//end doc ready*/

    • Topic Participants

    • kelly