How to Show/Hide or Toggle HTML Image/Div through jQuery

Tutorial Video

Source Code

<!DOCTYPE html>
<html>
<head>

<title>jQuery Tutorial</title>

<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
  
<script>

$(document).ready(function(){
	$("button").click(function(){
		$("img").toggle(1000)
	});
});

</script>  

</head>

<body>

<img src="image.jpg" width="500px" height="300px">

<button>Click Me</button>

</body>

</html>

<<
>>

Post Your Comment

Comments

comments