Please use the following code using scriptaculous 1.5 and then do the same with 1.7.
The below example should slide down and then slide up.
What should happen is what is on THIS site which uses 1.5 (not my site) ... http://blog.railsdevelopment.com/files/example1v2.html
You should see the differences - the final animation simply results in the div disappearing at the end instead of sliding up.
However, I can use the follow without too much problem, any more complicated and I run into problems also.
Effect.Appear(\'content\', {queue: {position: \'front\', scope: \'menu\'}});
Effect.Fade(\'content\', {queue: {position: \'end\', scope: \'menu\'}});
I am using the latest version of IE (v7) and Firefox (v2). Win XP.
I would really like to know when you fix this.
Thanks,
Daniel Barnett.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Effect.Queue example 1</title>
<script src="/javascripts/prototype.js" type="text/javascript"></script>
<script src="/javascripts/scriptaculous.js" type="text/javascript"></script>
<script type="text/javascript">
Event.observe(window, 'load', function() { // this binds the function() to the event window.onload
new Effect.SlideDown('test1'); // create first Effect
new Effect.SlideUp('test1', {queue: 'end'} ); // create second Effect
});
</script>
</head>
<body>
This only shows you some flickering. Refresh if you didn't see anything.
<div id="test1" style="display:none;">
<div style="background: red; margin: 50px; padding: 50px;">
testing how to styles can collide
</div>
</div>
</body>
</html>
