jQuery show() and hide() are the most common used effect.
- show() – Display the matched elements.
- hide() – Hide the matched elements.
Both methods are support duration as parameter : slow, fast, or exact milliseconds. If this parameter is omitted, the default 400 milliseconds is apply.
Try it yourself
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<style type="text/css">
p{
padding:8px;
margin:16px;
border:1px solid blue;
width:250px;
height:50px;
background-color:#999999;
color:white;
}
</style>
</head>
<body>
<h1>jQuery show() and hide() example</h1>
<p>Hello, this show() and hide() example</p>
<button id=show>show()</button>
<button id=hide>hide()</button>
<button id=reset>Reset</button>
<script type="text/javascript">
$("#show").click(function () {
$("p").show('fast');
});
$("#hide").click(function () {
$("p").hide(1000);
});
$("#reset").click(function(){
location.reload();
});
</script>
</body>
</html>
cool
Thanks Sir. In this example is very useful for my Project. I am a big fan of you. Thanks for Posting.
http://www.dreamdestinations.in/
you can find some more details in the below link,”http://javadomain.in/jquery-showhide-example-in-jsf/”
hello
Is it possible hide and show same text automatically after regular interval of time.
iuuiuu
Thanks for Example.
<script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function () { $("p").hide(1000); });)}; </script>nice jquery
i like
thanks for share