[Panorama] Кнопка которая открывает и закрывает менюшку !?

[F1reFrost]

Как связать кнопку с JS ?
Как сделать чтобы по нажатию на кнопку id="btn_new_hero", появлялась\закрывалась менюшка id="box_new_hero" ????

<root>
    <styles>
        <include src="file://{resources}/styles/custom_game/menu_start.css" />
    </styles>
    <scripts>
        <include src="file://{resources}/scripts/custom_game/menu_start.js" />
    </scripts>
        <Panel class="space">

            <Button id="btn_new_hero" class="new_hero" onactivate="">
                <Label class="button_text" text="NEW HERO" />
            </Button>

            <Panel id="box_new_hero" class="box_new_hero">
            </Panel>
        </Panel>
</root>

 

[I_GRIN_I]

Пишешь функцию в js, называешь ее, например, OpenMenu, у кнопки в onactivate пишешь OpenMenu()

 

[LAPKI]

<Button id="btn_new_hero" class="new_hero" onactivate="$('#box_new_hero').toggle()">
    <Label class="button_text" text="NEW HERO" />
</Button>

если не работает, то

<Button id="btn_new_hero" class="new_hero" onactivate="$('#box_new_hero').toggleClass('hidden')">
                <Label class="button_text" text="NEW HERO" />
            </Button>

css

.hidden{
visibility: hidden;
}

если и это не работает

<Button id="btn_new_hero" class="new_hero" onactivate="toggle_hide()">
                <Label class="button_text" text="NEW HERO" />
            </Button>

css

.hidden{
visibility: hidden;
}

js

function toggle_hide(){
$("#box_new_hero").toggleClass('hidden');
}