JS ефект на лента с изкачане при клик.

[chepa]

Искам, когато натисна или мина през дадената лента тя да има малка изпъкнатина, като бокса, който седи за файсбука отстрани на повечето страници, но ми трябва да се приплъзва нагоре, а не на страни. Примерно да имам едно боксче 20х150 и като мина през него да стане 150х150 с информация въре. Дано ме разбрахте.

 

[critrate]

HTML + JS

[js]<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$(".info").mouseover(function() {
$(this).find("span").css("display", "block");
});
$(".info").mouseout(function() {
$(this).find("span").css("display", "none");
});
});
</script>[/js]

<div class="info"><span>hahahahahha</span></div>

CSS

[css].info {width:600px; height:100px; background:#ccc;}
.info span {display:none;}[/css]

 

[critrate]

Не можах да си изтрия предишното мнение,но на ЛС ти дадох работещ код. пробвах го