dev [JQuery] ~ 1. - Escondendo e Mostrando elementos

[Pica-Pau]

 

 

 

Escondendo e Mostrando elementos

---

 

Neste caso estamos escondendo o elemento com id "#tutorial"

<script>

    $(document).ready(function(){

        $("#tutorial").click(function(){

            $(this).hide();

        });

    });

</script>

Neste caso estamos mostrando o elemento com id "#tutorial"

<script>

    $(document).ready(function(){

        $("#tutorial").click(function(){

            $(this).show();

        });

    });

</script>

Neste caso estamos escondendo o elemento com id "#tutorial" com velocidade "1000"

<script>

    $(document).ready(function(){

        $("#tutorial").click(function(){

            $(this).hide(1000);

        });

    });

</script>

Neste caso estamos mostrando elemento com id "#tutorial" com velocidade "1000"

<script>

    $(document).ready(function(){

        $("#tutorial").click(function(){

            $(this).show(1000);

        });

    });

</script>

E por final, neste caso estaremos mostrando e escondendo o elemento de id "#tutorial" com apenas um método

<script>

    $(document).ready(function(){

        $("#tutorial").click(function(){

            $(this).toggle();

        });

    });

</script>

Editado Abril 23, 2017 por TwCrown

[TheRapido]

Bom tutorial :)

[PiranhaDev]

Oloco, muito foda! vai me ajudar 'u'

[Rebs]

Bom Tutorial

[Rezende]

Tudo isso pode ser substituído por CSS.

[Pica-Pau]

Tudo isso pode ser substituído por CSS.

 

Isso é tutorial JQuery não CSS, em breve eu faço tutorial em CSS...

[Pica-Pau]

@up