Mootools - Fadein DIV на hover class1, оставаться видимым и заменить на hover class2 - PullRequest
Новая
       25

Mootools - Fadein DIV на hover class1, оставаться видимым и заменить на hover class2

1 голос
/ 23 января 2012

У меня есть серия div, которые скрыты при загрузке страницы 

<div class="contact1"> Content here </div>
<div class="contact2"> Content here </div>
<div class="contact3"> Content here </div>
<div class="contact4"> Content here </div>

С этим идет серия гиперссылок с классами 

<a href="link-to-item-1" class"contact1">
<a href="link-to-item-1" class"contact1">
<a href="link-to-item-1" class"contact1">
<a href="link-to-item-1" class"contact1">

При наведении курсора я хочу, чтобы соответствующий divfadein или быть видимым, и при отпускании мыши он должен оставаться видимым.Когда вы наводите курсор мыши на другой класс, его следует заменить на соответствующий div.

Я экспериментировал с jQuery, и я уверен, что я могу сделать fadein / out в mootools, но с этимзамена я потерян.Кто-нибудь может дать мне несколько советов?

Спасибо

1 Ответ

0 голосов
/ 23 января 2012

Вы можете использовать Element.fade() метод Mootools и Fx.Tween.chain() для объединения нескольких анимаций.

См. здесь для кода результата и комментария.
Я предположил, что вы хотите спрятать все div в начале (я сделал это с помощью обычного CSS).
И не забудьте взглянуть на официальную документацию Mootools о методах, которые я использовал:)

...