Hide effect.

JQuery hide() method is used to hide a content ( image or div ) when user wants.

<script>
	$(document).ready(function(){
		$('button').click(function(){
		$('img').hide();
		})
    }) 
</script>	
					

Click on the button below

jquery1 jquery1


Show effect.

JQuery show() method is used to show a hidden content( image or div ) when user wants.

<script>
	$(document).ready(function(){
		$('button').click(function(){
		$('img').show();
		})
    }) 
</script>	
					

Click on the Button below

jquery1


Toggle effect.

Toggle method ( togggle() ) can do both hide and show alternately.

<script>
	$(document).ready(function(){
		$('button').click(function(){
		$('img').toggle();
		})
    }) 
</script>	
					

Click on the button below twice

jquery1 jquery1