exemploJQuery.html

<!DOCTYPE html>
  <head>
    <meta charset="utf-8" />
    <meta name="description" content="Uso do  JQuery Mask" />



    <title>Exemplos.</title>
 <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
  </head>

  <body>
  Oi
  <p>O parágrafo vai sumir quando clicar no botão</p>
  <button class="some">Clique</button>
    <button id="volte">Volte!</button>
  <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>

  <script>

    $( document ).ready(function() {
         alert("Oi.");
         $("#volte").hide(1000);

         $(".some").click(function(){
            $("p").hide(1000);
            alert("O parágrafo sumiu");
            $("#volte").show(1000);
            $(".some").hide(10);
        });

        $("#volte").click(function(){
            $("p").show(1000);
            $(".some").show(1000);
            $("#volte").hide(100);


        });


    });



    </script>
  </body>
 </html>