Скрыть / показать div с помощью кнопки?

Welcome! Chat now!

Pick a username

Когда нажата кнопка чата, я хочу, чтобы появился div «login», и когда нажата кнопка «closelogin» внутри div, я хочу снова скрыть весь div. В настоящее время, если кнопки не нажаты, div должен находиться в скрытом состоянии, приветствия!

Используйте jQuery. Нет способа сделать это просто html / css.

 $('#button').click(function() { $('#login').css('visibility', 'visible'); }); $('#closelogin').click(function() { $('#login').css('visibility', 'hidden'); }); 

Если у вас нет jQuery, используйте javascript:

 document.getElementById('button').onclick = function() { document.getElementById('login').style.visibility = 'visible'; } document.getElementById('closelogin').onclick = function() { document.getElementById('login').style.visibility = 'hidden'; } 

Посмотрите на мой пример без использования JavaScript.

    

и css

 #box{display: none;} #container #login{ display: none;} #box:checked + #container #login{ display: block;} 

Скрипт http://jsfiddle.net/LUdyb/1/

Надеюсь, эта помощь.

Используя javascript с помощью идентификатора кнопки, вы можете сделать div скрытым, изменив свойство css на видимое. при использовании jquery вы можете использовать toggle, hide, show.

Вы не можете сделать это в html / css

Вы можете использовать JQuery

 $('#button').click(function() { $('#login').css('visibility', 'visible'); }); 

закрывать

 $('#closelogin').click(function() { $('#login').css('visibility', 'hidden'); }); 

вам просто нужно изменить идентификатор, который является #closelogin и .css('visibility', 'hidden')

Вам нужно включить библиотеку JQuery, как это, в вашей голове или нижней части страницы, чтобы она работала.

например: