MooTools изменение элементов Inline CSS

Question

У меня есть какой-то HTML-код, похожий на этот,

<div id="mb_contents" style="visibility: visible; opacity: 1; width: 600px; height: 450px;">

Я пытаюсь сделать видимость скрытой с помощью этого js / mootools,

$('mb_overlay').set('styles', {
            'visibilty': 'hidden',
        });

Однако, похоже, ничего не работает, я что-то упустил?

Answer 1

Вы ошиблись "видимость"

Это прекрасно работает:

$('mb_contents').set('styles', {
    'visibility': 'hidden'
});

Answer 2

Есть метод с именем setStyle. В вашем случае вы бы использовали это так:

$('mb_overlay').setStyle('visibility', 'hidden');

Я думаю, что вы на самом деле делаете со своим кодом установку атрибута с именем styles, которого на самом деле не существует.