funbinod Posted March 13, 2015 Share Posted March 13, 2015 (edited) I was trying something idiot. I created 4 divs and arranged them to look like some object. and I wish them to slide away to right at once so that it looks like the displayed object moved.. the effect is make on click event. I tried sliding wrapping div but it slid only first div and others disappeared. then i tried moving individual divs also. but it moved individually not at once as one object... please refer to this jsfiddle http://jsfiddle.net/zuv455oh/3/ and guide me to better solution... thank u in advance... Edited March 13, 2015 by funbinod Link to comment Share on other sites More sharing options...
justsomeguy Posted March 13, 2015 Share Posted March 13, 2015 The ones that don't animate all have position fixed, that might be a clue. Moving all of them at the same time should work though, unless jQuery only runs one animation at a time. I doubt it would though. 1 Link to comment Share on other sites More sharing options...
funbinod Posted March 13, 2015 Author Share Posted March 13, 2015 thank u. that's a good point.. but I need to change some other properties also. and there is still some problem, I think. please refer to http://jsfiddle.net/zuv455oh/4/ again... Link to comment Share on other sites More sharing options...
justsomeguy Posted March 13, 2015 Share Posted March 13, 2015 The box you see is related to the margin on the body. 1 Link to comment Share on other sites More sharing options...
funbinod Posted March 13, 2015 Author Share Posted March 13, 2015 thank u. I corrected it and its now working as I wanted... Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now