Historically the site used jquery for some animation effects.
but recently we added some scriptaculous ones - only to find there are
conflicts.
Can someone point me to a scriptaculous effect that moves a div into view
and when clciked again move it (mostly) out of view (i.e. leaving a tab
showing to move it back in when required).
The present code is:
$('#slideButton').toggle(function() {
$('#slider').animate({
bottom: '+=180'
}, 2000, 'swing', function() {
// Animation complete. CALLBACK?
$('#slideButton').removeClass("").addClass("sliderOut")
});
}, function() {
$('#slider').animate({
bottom: '-=180'
}, 1000, 'swing', function() {
// Animation complete. CALLBACK?
$('#slideButton').removeClass("sliderOut").addClass("")
});
});
Alternatively how can I overcome the conflicts?
I read about jquery here :
http://stackoverflow.com/questions/5813744/scriptaculous-and-jquery-do-not-collaborate
but didnt get it to work.
Thanks
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
