Search jQuery

jQuery Forum

jQuery UI "Bounce" effect toggles twice

in Using jQuery UI • 4 years ago

Hi!

I have 4 pictures "Goog", they are hidden. I want to fadeIn two of them, and then launch "Bounce", like second effect. But I can do it only with button, not in fadeIn complete function:

jsfiddle: link

I suggest my problem is with "bounce", it toggles twice on load.. api.jqueryui.com/bounce-effect

Best regards,

Gennady

Replies(2)

kbwood.au

Re: jQuery UI "Bounce" effect toggles twice

4 years ago

Your callback is triggered for each affected element, i.e. for both 'o' and 'g'. The first one toggles the other letters to appear, the second one toggles them to disappear. Only call the bounce operation once after both initial letters have faded in.

Rockie

Re: jQuery UI "Bounce" effect toggles twice

4 years ago

Thank You much for the answer!)

Yes it was my stupid mistake - there are two pictures, and toggle launched twice for every of them. I added wasLaunched flag, not the ideal solution I know:

<script type="text/javascript" language="javascript">
"use strict";
jQuery(document).ready(function () {
var wasToggled = false;
jQuery("#logos > img:odd").fadeIn(8000, function () {
if (!wasToggled) {
jQuery("#logos > img:even").toggle("bounce", { times: 3 }, 1500);
wasToggled = true;
}
});
});
</script>

Best regards,

Gennady

Top Reply

Response title

Attachments

jQuery Forum

jQuery UI "Bounce" effect toggles twice

Replies(2)

Re: jQuery UI "Bounce" effect toggles twice

Re: jQuery UI "Bounce" effect toggles twice

Statistics

Tags

Actions

Related Posts