17th of December 2010 0
Jquery , simple horizontal right – left animation slide toggle?
Hi all, im struggling to move a simple panel 400px to the right, and then 400px to the left. this is what i got so far:
var getWidth = $ (‘#toolbarHolder’).width() – 40;
$ (‘.btn-opentoolbar’).click(function() {
$ (‘#toolbarHolder’).animate({left: -getWidth}, 500);
return false;
});
It doesnt work though and if it works it only moves 1 direction and not to original position again on next mouse click.
I hope someone can help me
Thanks in advance
Mark
Best answer:
Answer by Mr. Bex
hi!
al you have to do is to add a toggle action, and add inside the animate action:
$ (“#tmenu”).toggle(function(){$ (‘#sbcont’).animate({left: -getWidth}, 0);}, function(){$ (‘#sbcont’).animate({left: +getWidth}, 0);});
});
for more information take a look in the API of jquery =P
good luck
What do you think? Answer below!
Share it!
Was it good for you to?
Related posts
Similar posts to this one- JQuery Navigation Idea, what would be the best way to do this.?
- Web Dev Tutorial: Animated Navigation Bar With CSS and jQuery (Part 2 of 5)
- JQuery Hover Animation
- Web Dev Tutorial: Animated Navigation Bar With CSS and jQuery (Part 1 of 5)
- How to keep animations from repeating JQuery/JavaScript?
- Chrome6 jQuery Animate
- jQuery won’t pass arguments?
Sponsors
Support for the site!No sponsors at the moment.