Одна кнопка - 2 события java

1. не ява, а яваскрипт

2. событие у вас одно, действий - два

3.

<div id="1" onclick="toggle()"></div>

<div id="2" onclick="toggle()"></div>

а) с jquery

function toggle(){

$("#1").toggle();

$("#2").toggle();

}

b) без jquery лень

:D

Кто-то просто в слове "лень" сделал кучу ошибок 😂

Мне кажется, можно реализовать проще:

<button onclick='document.getElementById("1").hidden = true; document.getElementById("2").hidden = false'>Нажми меня</button>

не подскажете, с какой версии CSS это свойство появляется?

Не совсем понял зачем здесь css?

На всякий случай перепроверил себя: "Атрибут hidden применяется к тегам ...<div> ..." (http://htmlbook.ru/html/attr/hidden)

Попутно еще в справочнике нашел одно красивое решение:

function SetVisibility(obj,val)

{

obj.style.visibility=val;

}

.....

SetVisibility(this,'visible'); SetVisibility(this,'hidden')

Вместо this, соответствено, нужно подставить то, что будет появляться / исчезать

я уже испугался, что что-то пропустил, потом посмотрел на поддержку браузерами и полегчало:)

а так, да. не знал такого аттрибута

Благодарю за ответы,

действительно лень было рыть и искать, когда можно спросить, думал использовать ui tabs, но как-то громоздко получалось

Вариант с <button onclick> - отлично подошел, тоже не знал про аттрибут hidden.

toggle - почему то не заработал, по клику прятал оба слоя и назад не выводил, видать руки у меня кривые.

вы видели, что поддерживается IE с 10ой версии?

угу, увидел, заменил аттрибут hidden, на style.display="none", заработало и в IE