Skip to main content
Tweeted twitter.com/#!/StackOverflowPT/status/552052818400784384
Tirar o código do JSFiddle para evitar problemas caso o serviço fique off.
Fonte Link
Renan Gomes
  • 19,3mil
  • 8
  • 54
  • 114

Não sei nada de Javascript. Portanto mesmo sendo algo "simples" pra alguns pra mim é um bicho de sete cabeça. É o seguinte:

Nesse link http://jsfiddle.net/FR5Ak/No código a seguir tem um script que eu vou usar que esconde e mostra a div ao clicar no button, só que nesse script ai mesmo que eu clique mil vezes no button o valor dentro dele não muda!

function Mudarestado(el) {
    var display = document.getElementById(el).style.display;

    if(display == "none")
        document.getElementById(el).style.display = 'block';
    else
        document.getElementById(el).style.display = 'none';
}
<div id="minhaDiv">Conteudo</div>

<button type="button" onclick="Mudarestado('minhaDiv')">Mostrar / Esconder</button>

Eis então o que eu queria fazer! Gostaria que quando a div estivesse escondida o texto mostrado no button fosse "mostrar", e quando a div estivesse a mostra eu gostaria que mostrasse "esconder".

Ainda melhorando o script, gostaria que tivesse um efeito fade.

Se possível gostaria que isso fosse feito em javascript puro, porque não uso Jquery no meu projeto, então acho inconveniente colocar um arquivo de 100kb só por causa de algo relativamente "simples"

Não sei nada de Javascript. Portanto mesmo sendo algo "simples" pra alguns pra mim é um bicho de sete cabeça. É o seguinte:

Nesse link http://jsfiddle.net/FR5Ak/ tem um script que eu vou usar que esconde e mostra a div ao clicar no button, só que nesse script ai mesmo que eu clique mil vezes no button o valor dentro dele não muda!

Eis então o que eu queria fazer! Gostaria que quando a div estivesse escondida o texto mostrado no button fosse "mostrar", e quando a div estivesse a mostra eu gostaria que mostrasse "esconder".

Ainda melhorando o script, gostaria que tivesse um efeito fade.

Se possível gostaria que isso fosse feito em javascript puro, porque não uso Jquery no meu projeto, então acho inconveniente colocar um arquivo de 100kb só por causa de algo relativamente "simples"

Não sei nada de Javascript. Portanto mesmo sendo algo "simples" pra alguns pra mim é um bicho de sete cabeça. É o seguinte:

No código a seguir tem um script que eu vou usar que esconde e mostra a div ao clicar no button, só que nesse script ai mesmo que eu clique mil vezes no button o valor dentro dele não muda!

function Mudarestado(el) {
    var display = document.getElementById(el).style.display;

    if(display == "none")
        document.getElementById(el).style.display = 'block';
    else
        document.getElementById(el).style.display = 'none';
}
<div id="minhaDiv">Conteudo</div>

<button type="button" onclick="Mudarestado('minhaDiv')">Mostrar / Esconder</button>

Eis então o que eu queria fazer! Gostaria que quando a div estivesse escondida o texto mostrado no button fosse "mostrar", e quando a div estivesse a mostra eu gostaria que mostrasse "esconder".

Ainda melhorando o script, gostaria que tivesse um efeito fade.

Se possível gostaria que isso fosse feito em javascript puro, porque não uso Jquery no meu projeto, então acho inconveniente colocar um arquivo de 100kb só por causa de algo relativamente "simples"

adicionou 70 caracteres ao conteúdo
Fonte Link
ivan veloso
  • 2,9mil
  • 5
  • 39
  • 70

Não sei nada de Javascript. Portanto mesmo sendo algo "simples" pra alguns pra mim é um bicho de sete cabeça. É o seguinte:

Nesse link http://jsfiddle.net/FR5Ak/ tem um script que eu vou usar que esconde e mostra a div ao clicar no button, só que nesse script ai mesmo que eu clique mil vezes no button o valor dentro dele não muda!

Eis então o que eu queria fazer! Gostaria que quando a div estivesse escondida o texto mostrado no button fosse "mostrar", e quando a div estivesse a mostra eu gostaria que mostrasse "esconder".

Ainda melhorando o script, gostaria que tivesse um efeito fade.

Se possível gostaria que isso fosse feito em javascript puro, porque não uso Jquery no meu projeto, então acho inconveniente colocar um arquivo de 100kb só por causa de algo relativamente "simples"

Não sei nada de Javascript. Portanto mesmo sendo algo "simples" pra alguns pra mim é um bicho de sete cabeça. É o seguinte:

Nesse link http://jsfiddle.net/FR5Ak/ tem um script que eu vou usar que esconde e mostra a div ao clicar no button, só que nesse script ai mesmo que eu clique mil vezes no button o valor dentro dele não muda!

Eis então o que eu queria fazer! Gostaria que quando a div estivesse escondida o texto mostrado no button fosse "mostrar", e quando a div estivesse a mostra eu gostaria que mostrasse "esconder"

Se possível gostaria que isso fosse feito em javascript puro, porque não uso Jquery no meu projeto, então acho inconveniente colocar um arquivo de 100kb só por causa de algo relativamente "simples"

Não sei nada de Javascript. Portanto mesmo sendo algo "simples" pra alguns pra mim é um bicho de sete cabeça. É o seguinte:

Nesse link http://jsfiddle.net/FR5Ak/ tem um script que eu vou usar que esconde e mostra a div ao clicar no button, só que nesse script ai mesmo que eu clique mil vezes no button o valor dentro dele não muda!

Eis então o que eu queria fazer! Gostaria que quando a div estivesse escondida o texto mostrado no button fosse "mostrar", e quando a div estivesse a mostra eu gostaria que mostrasse "esconder".

Ainda melhorando o script, gostaria que tivesse um efeito fade.

Se possível gostaria que isso fosse feito em javascript puro, porque não uso Jquery no meu projeto, então acho inconveniente colocar um arquivo de 100kb só por causa de algo relativamente "simples"

Fonte Link
ivan veloso
  • 2,9mil
  • 5
  • 39
  • 70

Como alternar texto entre "mostrar / esconder" dentro de um button com javascript

Não sei nada de Javascript. Portanto mesmo sendo algo "simples" pra alguns pra mim é um bicho de sete cabeça. É o seguinte:

Nesse link http://jsfiddle.net/FR5Ak/ tem um script que eu vou usar que esconde e mostra a div ao clicar no button, só que nesse script ai mesmo que eu clique mil vezes no button o valor dentro dele não muda!

Eis então o que eu queria fazer! Gostaria que quando a div estivesse escondida o texto mostrado no button fosse "mostrar", e quando a div estivesse a mostra eu gostaria que mostrasse "esconder"

Se possível gostaria que isso fosse feito em javascript puro, porque não uso Jquery no meu projeto, então acho inconveniente colocar um arquivo de 100kb só por causa de algo relativamente "simples"