Newbie question, jquery slidedown, pause, slideup - is this the best method?

We’re just working on our new site software - yay for us - and I thought it might be cool to have some jquery stuff happening. Anyways what I want to achieve is a slide down panel for success, that displays a message then slides up.

Currently have this simplistic code, is this cool or is there a better method for doing what I’m trying to do. Please excuse the sucky css


<html>
<head>
 
<script type="text/javascript" src="jquery.min.js"></script>
 
<style type="text/css">
	.slideTogglebox{
		float:left;
		padding:8px;
		margin:16px;
		border:1px solid red;
		width:200px;
		height:50px;
		background-color:#000000;
		color:white;
		display: none;
	}
	.clear{
		clear:both;
	}
</style>
 
</head>
 
<body>
 
<h1>jQuery slideToggle() example</h1>
 
<div class="clear">
	<button id=slideToggle>slideToggle()</button>
	<br/>
	<div class="slideTogglebox">
		<h1>Hello World!</h1>
	 	slideToggle()
	</div>
 
</div>
 

<script type="text/javascript">
 
$("#slideToggle").click(function () {
	$('.slideTogglebox').slideDown("slow").delay(2000).slideUp("slow");
});
 
</script>
 
</body>
</html>