jQueryUI EaseInScript

[Siberian]

I want the script, when the event is clicked, animate the div into view, only unless the div is clicked. Is the follow script in the right direction ?

$("#open").click(function() {
.animate(easeInOutBounce)
)};

[iamthwee]

maybe http://stackoverflow.com/questions/1652576/how-do-you-fadein-and-animate-at-the-same-time

[Siberian]

What is wrong with my code ? And can't it be chained as one ?

[JorgeM]

you dont have enough code shown.

In any case, its not correct with regards to syntax. Let's say that the div you want to animate has an id = 'div1', also assuming that "#open" is another element, maybe a button or another div. Also assuming you are refering jQuery and jQueryUI in your code...

  $("#open").click(function(){
      $("#div1").animate({left:'250px'}, 2000, 'easeInOutBounce');
  });

[JorgeM]

Here is a jsfiddle demo: http://jsfiddle.net/377Su/

[Siberian]

How come JsFiddle gives me an error when I change the rule from left to right ({"error": "Please use POST request"}) ?

[JorgeM]

I changed it to right. no problem experienced.

http://jsfiddle.net/377Su/1/

[Siberian]

Can I control the arc of the bounce, I want a little more bounce :)

[JorgeM]

There are several easing options. You can find them in the jQuery site/documentation. I have no idea what more bounce equates to. I used the easing in the jsfiddle that was included in your sample code.

[JorgeM]

Check this jQuery UI easing demo site:

http://jqueryui.com/resources/demos/effect/easing.html

[Siberian]

The easing options I suspect are rigid, you can't adjust the curve for the easing.

[Siberian]

I changed the code to the desired anchor and ID, but when I click on the anchor the bounce effect doesn't work ?

The following are all the jqueryUI libraries / scripts loading for the page;

jquery-1.11.0.min.js
jquery-ui-1.10.4.custom.js
core.js
<jquery script>.js