скрывать и показывать div с тем же id

Question

Я разрабатываю приложение BlackBerry, используя bbui.js. Я пытаюсь показать DIV тег с помощью кнопки с OnClick событие с этим коды:

onclick="document.getElementById('myPanel').show();" 

проблема, как я собираюсь сделать это в этом Div шкуру, когда я снова нажал ту же кнопку? Любая помощь будет оценена по достоинству. Спасибо заранее.

Answer 1

вы могли бы использовать этот код:

<button onclick="toggle(document.getElementById('myPanel'));" /> 

function toggle(var panel){ 
    if(panel.style.visibility == "hidden"){ 
     panel.show(); 
    } 
    else { 
     panel.hide(); 
    } 
} 

Или если у вас есть JQuery, то да, вместо show() и hide() вы можете просто использовать toggle()

Answer 2

Из-за .show():
Используете ли вы JQuery? Если да - попробуйте использовать .toggle() вместо .show().

В противном случае вы могли бы просто использовать тройной оператор, чтобы установить базу состояния на текущем состоянии - как так:

onclick="document.getElementById('myPanel').style.display = document.getElementById('myPanel').style.display = 'none' ? 'block' : 'none'" 

Answer 3

С чистого JavaScript вы можете использовать этот код:

HIDE:

document.getElementById(<YOUR_ID>).style.display="none"; 

или SHOW:

document.getElementById(<YOUR_ID>).style.display="block";