Fade / Slide Cluster Problems

Question

Hi, I'm new to Spry so this might have been talked about
before. I'm trying the Fade / Slide Cluster example here
http://labs.adobe.com/technologies/spry/articles/effects_coding/index.html
and I'm getting some errors. I tried the other examples and they
work fine, but that one gives me these errors in firefox.
Toggle is not defined; and myFadeSlide has no properties;
Anyone seen this or came up with a fix?

Answer 1

That is because the example seems to be missing something.
The toggle variable is missing + the check if it exists. The
correct code:
<script type="text/javascript">
FadeSlide = function(element, options)
Spry.Effect.Cluster.call(this, options);
var duration = 1000;
var from = 0;
var to = 100;
var transition = Spry.fifthTransition;
var toggle = false;
if (options)
if (options.duration != null) duration = options.duration;
if (options.from != null) from = options.from;
if (options.to != null) to = options.to;
if (options.transition != null) transition =
options.transition;
if(options.toggle != null) toggle = options.toggle;
var fadeEffect = new Spry.Effect.Fade(element, {duration:
duration, from: from, to: to, transition: transition, toggle:
toggle});
var blindEffect = new Spry.Effect.Blind(element, {duration:
duration, from: from, to: to, transition: transition, toggle:
toggle});
this.addParallelEffect(fadeEffect);
this.addParallelEffect(blindEffect);
FadeSlide.prototype = new Spry.Effect.Cluster();
FadeSlide.prototype.constructor = FadeSlide;
</script>
also
<script type="text/javascript">
var myFadeSlide = new FadeSlide("content", {from: "100%", to:
"0%", duration: 1500, toogle: true}
</script>
See the toogle : true, that should be toggle: true