Как я постепенно появляюсь и скрытое использование элемента Mootools

Начните с непрозрачности: 0 и отображения: блок. Таким образом вы можете использовать fade ()

Я делаю следующее: я не скрываю элемент из CSS ( если вы использовали «display: none» или «visibility: hidden», удалите их, прежде чем пробовать то, что я Предлагаю ). Вместо этого в «domready» я использую «fade ('hide')», чтобы скрыть элемент. Таким образом, позже я могу применить к нему «fade ('in')» и «fade ('out')».

Я предпочитаю использовать display: none тоже. Вы можете просто использовать этот код, если хотите, чтобы элемент исчезал:

Для постепенного появления:

$('my_div').setStyle('display', 'block');
$('my_div').fade('in');

и для постепенного исчезновения:

$('my_div').fade('out');
$('my_div').setStyle('display', 'none');

В качестве альтернативы вы можете просто настроить класс, который называется .hide с параметром display: none и поместите этот класс в свой элемент для начала. Затем это упрощает код:

$('my_div').toggleClass('hide');
$('my_div').fade('toggle');