Я хочу чтобы при наведений на div с классом subbet была выполнена вот такая анимация:
чтобы слева выходил блок с надписью.
Что-то не получается
вот хтмл:
Code
<html>
<head>
<title>2</title>
<style type="text/css">
body {background:#FFF;padding:0px;margin:0 auto;font-family:arial;width:800px;}
.subbet {background:#000;padding:10px;color:#fff;width:200px;}
.subbets {display:none;padding:5px;color:#000;position:absolute;top:30px;left:0px;border:1px solid #000;background:#3d3d3d;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".subbet").mouseover(function(){
$(".subbets").animate({left: "+=300"}, 600)
$(this).animate({left: "-=300"}, 600)
});
});
</script>
</head>
<body>
<div class="subbets">gagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagaga gagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagaga</div>
<div class="subbet">Жми!!!</div>
</body>
</html>