<!DOCTYPE html> 
<html> 

<head> 
	<script
	src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
	</script> 
	<script> 
		<!-- jQuery code to show the working of this method -->
		$(document).ready(function() { 
			$(".btn1").click(function() { 
				$("p").slideUp(3000); 
			}); 
		}); 
	</script> 
	<style> 
		div { 
			width: 300px; 
			height: 100px; 
			padding: 20px; 
			border: 2px solid green; 
		} 
	</style> 
</head> 

<body> 
	<div> 
		<p>این متن مخفی می شود</p> 
		<!-- click on this button -->
		<button class="btn1">Slide up</button> 
	</div> 
</body> 

</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.