Jquery Tools Tooltips.... Really Stuck
So im trying to implement the jquery tools tooltip plugin and I thought i did everything right and I've triple checked it. I have no idea why the effect is not working. Here is my code and the site is up at
http://mizirawi.com/merit-limousine/reservations.php and scroll down to Card Security Code and I'm trying to get the effect to apply to "what is this" :
html
-
<a id="csc" title="what is this">(What is This?)</a>
<div class="tooltip"> <p>Hello World</p> </div>
css
-
.tooltip {
display:none;
background: url(images/black_arrow_big.png);
height:163px;
padding:40px 30px 10px 30px;
width:310px;
font-size:11px;
color:#fff;
}
javascript
-
$(document).ready(function(){
$("#csc").tooltip({ effect: 'slide'});
});
I'm also using datepicker plugin and validate plugin... so i dunno if maybe they are conflicting or incompatible or whatever, but this is really stumping me.
Any help is much appreciated. Thanks[/url]