Friday, January 22, 2016

Hide() and Show()

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
 $("#hide").hide();
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
         $("#show").hide();
 $("#hide").show();
    });
});
</script>
</head>
<body>



<button id="hide">Welcome to login screen </button>
<button id="show">Welcome to Registration Screen</button>

</body>
</html>

No comments:

Post a Comment