jquery - Bouncing divs in their own place? -


i'm trying create simple bouncing effect divs. bouncing effect works in way don't why divs go under each-other when bounce not want. need divs bounce in own place.

this fiddle

and code:

$(document).ready(function() {     $(".balls").effect('bounce', { times: 3 }, 'slow'); }); 

the bouncing effect kicks in on page load. appreciated.

the issue because library adding containing div element around each .balls element default display: block, hence each element pushed it's own line. when animation ends element removed , return sitting on same line. fix need add rule css:

.ui-effects-wrapper {     display: inline-block; } 

updated fiddle


Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -