this.getNext(“em”).morph({opacity: 0, top: “-85″}).chain is not a function

this.getNext(“em”).morph({opacit…).chain(function(){this.destroy()});

<div id="navi">
<a id="navtr">Тренировка</a> || <a id="navch">Выбор щенка</a> || Аксессуары
<div id="subtr"><a href="train2.html">Выбор тренера</a> || <a href="obedience.html">Послушание</a> || <a href="training.html">Clicker Training</a> || <a href="protect.html">Защита</a> || <a href="handling.html">Хендлинг</a> || <a href="compulsion.html">О принуждении</a></div>
<div id="subch">Роль генетики || Почему важна порода? || Тест Кэмпбелла || Основы поведения || Охотничий и защитный инстинкты</div>
</div>

нужно, чтоб при наведении на “тренировку” или на “выбор щенка” плавно вылезал соответствующий див.

подскажите, как это лучше реализовать?
я только вчера начал разбираться с мутулсом. то, что сделал, получилось как-то слишком раздуто (наверняка есть более простой способ

window.addEvent('domready', function(){

	var ontr, onch;

	var tit = $('title').innerText;
	var stattr;
	var statch;

	if (tit=='Выбор тренера'||tit=='Послушание'||tit=='Clicker Training'||tit=='Защита'||tit=='Хендлинг'||tit=='О принуждении')
		{
		ontr = new Fx.Slide( $('subtr'),{duration : 3000} );
		stattr=true;
		onch = new Fx.Slide( $('subch'),{duration : 3000} ).hide();
		statch=false;
		}
		else
			{
			if (tit=='Роль генетики'||tit=='Почему важна порода?'||tit=='Тест Кэмпбелла'||tit=='О поведении и терминах'||tit=='Охотничий и защитный инстинкты')
				{
				ontr = new Fx.Slide( $('subtr'),{duration : 3000} ).hide();
				stattr=false;
				onch = new Fx.Slide( $('subch',{duration : 3000}) );
				statch=true;
				}
				else
					{
					ontr = new Fx.Slide( $('subtr'),{duration : 3000} ).hide();
					stattr=false;
					onch = new Fx.Slide( $('subch'),{duration : 3000} ).hide();
					statch=false;
					}
			}

	$('navtr').addEvent('mouseenter', function(){
		alert ('тренировка='+stattr+' выбор='+statch);
		if (statch==true&stattr==false)
		{
		statch=false;
		stattr=true;
		onch.slideOut().chain(function()
			{

			ontr.slideIn();
			})
		}
		else
		{
			if (statch==false&stattr==false)
			{
			stattr=true;
			ontr.slideIn();
			}
		}
	}
	);

	$('navch').addEvent('mouseenter', function(){

		alert ('тренировка='+stattr+' выбор='+statch);
		if (stattr==true&statch==false)
		{
		stattr=false;
		statch=true;
		ontr.slideOut().chain(function()
			{
			onch.slideIn();
			})
		}
		else
		{
			if (statch==false&stattr==false)
			{
			statch=true;
			onch.slideIn();
			}
		}
	}
	);

});

и при этом есть один неприятный баг: если не дождаться окончания анимации и навести на второй пункт меню, вылезают оба подменю. как этого можно избежать?

сайт делаю на WP
все отлично работает, тока ИЕ почемуто отображает вместо слайдера и текста под ним обычное не кликательное меню и снизу весь текст сплошняком

если не сложно ответь плз) заранее благодарю)

вот в этом примере animated-hover2.html

как то некрасиво)