-1

Eu gostaria de adicionar animação para a minha div sumir, eu estava olhando este tópico Ocultar div quando clicar nela, só que não resolveu por minha versão do JQuery ser mais atualizada.

Botão:

<button type="submit"  class="btn btn-success" onclick="Mudarestado('oculto')">Importar</button>  

Código:

<script>
            $('#aviso').on("click", function () {
                $(this).hide("slow");
            });
            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';
          }
</script>
1
  • A resposta que dei funcionou amigo ? Ou tem algo mais que não está dando certo ? Commented 21/08/2018 às 18:11

2 Respostas 2

0

function myFunction() {
    var x = document.getElementById("myDIV");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}
#myDIV {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    background-color: lightblue;
    margin-top: 20px;
}
<p>CLIQUE AQUI </p>

<button onclick="myFunction()">SOME OU APARECE</button>

<div id="myDIV">
MINHA DIV 
</div>

<p><b>Note:</b> ESSE ELEMENTO FICA FIXO </p>

0

Utilize a função toggle do jquery.
Ela alterna entre hide e show o elemento referenciado.

   <button type="button"  class="btn btn-success" id="botao-acao">Esconder/Mostrar DIV</button>  

   <script>
      $('#botao-acao').on("click",function(){
         $("#div").toggle("slow");
      });
   </script>

    <div style="width:300px;height:300px;background-color:red" id="div">
       DIV QUE SOFRERÁ AÇÃO
    </div>

Veja funcionando aqui: https://jsfiddle.net/wLzebfqu/

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .