I have come up with some code that works, however, after I posted I
realized that using BlindUp/BlindDown is not what I am after. Let's
assume I have a small amount of content.. a paragraph for example. The
content retrieved via ajax is significantly more. I would like the
container to grow and animate according to the amount of content that
is retrieved. Since I want it to grow/shrink based on the amount of
content i will never know the height of the container.
Here is the code I came up with -
new Effect.Parallel([
new Effect.Opacity('example-8', { to: 0 }),
new Effect.BlindUp('example-8')
], { duration: 2, afterFinish: function() {
new Ajax.Updater('example-8',
'fade-content.html', {
method:'get',
onComplete:function(){ new
Effect.Parallel([
new Effect.Opacity('example-8',
{ from: 0, to: 1 }),
new
Effect.BlindDown('example-8')
], { duration: 2});}
});
} });
As a small side question, i tried to use
new Effect.toggle('example-8', 'blind')
but that did not work for some reason and i can't figure out why.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
