ゆっくり出る

by goropoo

HTML

<p id="hoge"><a href="#">hogehoge</a></P>
<p id="kaku">kakureteru</P>

<div id="Result"></div>

CSS

p#hoge{
margin:5px 5px 10px 5px;
}

p#kaku{
display:inline;
background-color:yellow;
color:#000000;
padding:5px;
}

#Result{
border-bottom: 60px solid #FF0000;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
display: inline-block;
}

JavaScript

$('#kaku').css('display','none');

$('#hoge').bind('mouseover',function(){
    $("#kaku").fadeIn("slwo");
});
$('#hoge').bind('mouseout',function(){
       $('#kaku').fadeOut("slow");
});