Динамически включать и отключать Div с помощью Mootools

Question

Вот мой HTML

<div class="form-wrapper" id="1_1_18-wrapper">
    <input type="checkbox" class="field_container field_18 option_1 parent_1" style="" show="1" alias="confirm_student" value="1" id="1_1_18" name="1_1_18">
    <label class="optional" for="1_1_18">Are You a student</label>
</div>


<div class="form-wrapper" id="1_1_16-wrapper">
    <div class="form-label" id="1_1_16-label">
        <label class="optional" for="1_1_16">School Type</label>
    </div>
    <div class="form-element" id="1_1_16-element">
        <select onchange="changeFields(this)" class="field_container field_16 option_1 parent_1" style="" show="1" alias="" id="1_1_16" name="1_1_16">
                <option label="" value=""></option>
        </select>
    </div>
</div>

<div class="form-wrapper" id="1_1_17-wrapper">
    <div class="form-label" id="1_1_17-label">
        <label class="optional" for="1_1_17">School Name</label>
    </div>
    <div class="form-element" id="1_1_17-element">
        <input type="text" class="field_container field_17 option_1 parent_1" style="" show="1" alias="" value="" id="1_1_17" name="1_1_17">
    </div>
</div>

<div class="form-wrapper" id="1_1_8-wrapper">
    <div class="form-label" id="1_1_8-label">
        <label class="optional" for="1_1_8">Website</label>
    </div>
    <div class="form-element" id="1_1_8-element">
        <input type="text" class="field_container field_8 option_1 parent_1" show="1" alias="" value="" id="1_1_8" name="1_1_8">
    </div>
</div>

Как включить следующие два элемента div при установке первого флажка (т. Е. Вы студент) и отключить при снятии флажка. Все идентификаторы каждого элемента получают из автоматически очищаемых полей таблицы mysql. Только флажок alias атрибуты определяется пользователем. Любая идея будет заметна

Спасибо

Answer 1

Если вы хотите, чтобы DIV перестали работать после нажатия на них, я бы порекомендовал что-то вроде этого:

Пользователь нажимает на элемент div (используя событие onclick), а когда пользователь заполнил нужную информацию, запускает другое событие для проверки информации. Если информация проверяется, то создайте пользовательское событие для div (при уничтожении других событий), которое просто останавливает событие. (addEvent ('click), function (x) {x.stop ()});) И чтобы включить другие div, просто установите для переменной значение true.

Кроме того, не могли бы вы просто добавить disabled = "disabled" в формы, когда пользователь нажимает на нее?