Doesn't work with another jquery function

I had the jquery-mega-menu plugin working fine until I added another jquery script to my header.php. Any ideas why the following code causes the jquery-mega-menu plugin to quit functioning? If I take the very first line out, the jquery-mega-menu plugin works, but the slide-panel quits working.

I can’t post a link to the site because it is on a local server only right now.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".btn-slide").click(function(){
			$("#slide-panel").slideToggle("slow");
		});
	});
</script>

Further down in the header.php is the following:

<div id="slide-panel"><!--SLIDE PANEL STARTS-->

				<div class="loginform">
				<div class="formdetails">
				<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
				<label for="log">Username: </label><input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" />    
				<label for="pwd">Password: </label><input type="password" name="pwd" id="pwd" size="20" />
				<input type="submit" name="submit" value="Login" class="button" />
				<label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label><input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" />
				</form>
				</div>
				<div class="loginregister">
				<a href="<?php echo get_option('home'); ?>/wp-register.php">Register</a> |
				<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">Recover password</a>
				</div>
				</div><!--loginform ends-->
				</div><!--SLIDE PANEL ENDS-->
				<div class="slide"><a href="#" class="btn-slide">Log in</a></div><!--LOGIN BUTTON TEXT-->
			<?php endif; ?>

https://ww.wp.xz.cn/plugins/jquery-mega-menu/