Como fazer uma div sumir ao clicar no botão?

Galera minha dúvida é mecho com html e css há mais ou menos 3 anos e meio e ainda não sei como faz uma div sumir quando um certo botão foi clicado!

Eu sei que preciso fazer uma função em javascript, isso eu já fiz :D

mas a div some e aparece sem eu clicar de novo no botão ;(

Alguém tem um jeito mais fácil de fazer isso?

Solved

Meu botão tava dentro do form tinha que colocar pra fora :)

ta aqui o código pra quem quiser

Código:

---

function toggle(obj) {

        var el = document.getElementById(obj);

        if ( el.style.display != 'none' ) {

                el.style.display = 'none';

        }

        else {

                el.style.display = '';

        }

}

---

Se estiver trabalhando com jquery, use:

onclick

$('#divname').show();
$('#divname').hide();

Citação:

---

Postado originalmente por Renato [Only registered and activated users can see links. Click Here To Register...]

onclick

$('#divname').show();
$('#divname').hide();

---

Isso considerando que ele está usando jQuery, e se estiver, porque não usar .toggle() ?

Mesmo assim, estude sobre eventos javascript e nunca seja dependente de frameworks.

Eu costumo criar uma classe css generica para esconder elementos

Código:

---

.hide { display: none; }

---

Assim, basta adiciona-la ao elemento usando classList

Código:

---

function toggle(event) {
    event.preventDefault();
    event.target.classList.toggle('hide');
}

---

Para adicionar recomendo sempre eventListener

Código:

---

document.getElementById('elemento').addEventListener('click', toggle);

---

Ou com querySelector (embora getElementById seja mais rapido)

Código:

---

document.querySelector('#elemento').addEventListener('click', toggle);

---

Eu tinha resolvido porem estava bugando...

fabricionaweb resolveu meu problema..

Grato!!!