Mouse enter mouse leave slidedown animation error?

I wrote a Prototype class a while back to solve this problem, the issue can be fixed by supplying a scope parameter to the effect options. Anyway here is the class I wrote: var DivSlider = Class.create(); Object. Extend(DivSlider, { toggle: function(selector, element, options) { element = $(element); this.

Options = Object. Extend({ duration: 0.5, fps: 35, scope: 'DivSlider', forceOpen: false }, options || {}); var toggle = element.visible(); if (toggle && this.options. ForceOpen) { //already open, leave.. still call callback (this.options.

After || Prototype. EmptyFunction) . Bind(this, element)(); return; } var effects = new Array(); if (toggle) { effects.

Push(new Effect. SlideUp(element, { sync: true })); } else { $$(selector). Each(function(el) { if ((element!

== el) && el.visible()) { effects. Push(new Effect. SlideUp(el, { sync: true })); } }); effects.

Push(new Effect. SlideDown(element, { sync: true })); } new Effect. Parallel(effects, { duration: this.options.

Duration, fps: this.options. Fps, queue: { position: 'end', scope: this.options. Scope }, beforeStart: function() { (this.options.

Before || Prototype. EmptyFunction) . Bind(this, element)(); }.

Bind(this), afterFinish: function() { (this.options. After || Prototype. EmptyFunction) .

Bind(this, element)(); }. Bind(this) }); } }) and to use it in your case you would simply use: DivSlider. Toggle('div.

Your_class', your_id) in your enter/leave code, it can handle multiple div's of the same class also, allowing only one div per class to be open at any single time. If this does not fit your needs you can easily deconstruct the class to get the code you actually need.

I wrote a Prototype class a while back to solve this problem, the issue can be fixed by supplying a scope parameter to the effect options. Anyway here is the class I wrote: var DivSlider = Class.create(); Object. Extend(DivSlider, { toggle: function(selector, element, options) { element = $(element); this.

Options = Object. Extend({ duration: 0.5, fps: 35, scope: 'DivSlider', forceOpen: false }, options || {}); var toggle = element.visible(); if (toggle && this.options. ForceOpen) { //already open, leave.. still call callback (this.options.

After || Prototype. EmptyFunction) . Bind(this, element)(); return; } var effects = new Array(); if (toggle) { effects.

Push(new Effect. SlideUp(element, { sync: true })); } else { $$(selector). Each(function(el) { if ((element!

== el) && el.visible()) { effects. Push(new Effect. SlideUp(el, { sync: true })); } }); effects.

Push(new Effect. SlideDown(element, { sync: true })); } new Effect. Parallel(effects, { duration: this.options.

Duration, fps: this.options. Fps, queue: { position: 'end', scope: this.options. Scope }, beforeStart: function() { (this.options.

Before || Prototype. EmptyFunction) . Bind(this, element)(); }.

Bind(this), afterFinish: function() { (this.options. After || Prototype. EmptyFunction) .

Bind(this, element)(); }. Bind(this) }); } }); and to use it in your case you would simply use: DivSlider. Toggle('div.

Your_class', your_id); in your enter/leave code, it can handle multiple div's of the same class also, allowing only one div per class to be open at any single time. If this does not fit your needs you can easily deconstruct the class to get the code you actually need.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.