[jQuery] please help i have 2 jquery in one page and only one working
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
<title>:: Navin Designs :: Creating Your Home On The Web</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<LINK href="css/style.css" rel="stylesheet" type="text/css">
<SCRIPT language="javascript" type="text/javascript" src="js/
jquery-1.3.2.min.js"></SCRIPT>
<SCRIPT language="javascript" type="text/javascript" src="js/
jquery.easing.1.3.js"></SCRIPT>
<SCRIPT type="text/javascript" language="javascript">
$(document).ready(function(){
var hover_in_easing="easeOutExpo";
var hover_out_easing="easeOutBounce";
$(".info_container").show();
$("div.portfolio_div").hover(function(){
$(this).find(".info_container").animate({top:"0px"},{duration: 400,
easing: hover_in_easing});
},function(){
$(this).find(".info_container").animate({top:"100px"},{duration:
500, easing: hover_out_easing});
});
});
</SCRIPT>
<link rel="stylesheet" href="lavalamp_test.css" type="text/css"
media="screen">
<script type="text/javascript" src="jquery.easing.min.js"></
script>
<script type="text/javascript" src="jquery.lavalamp.min.js"></
script>
<script type="text/javascript">
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
</script>
<style type="text/css">
<!--
body {
background-image: url(images/bg-gradient.gif);
}
-->
</style>
</head>