CrazyPirate
New Member
i am trying to use tooltip plugin for my plugin.. but it isn't working . guide me friends .. my jquery codes are:\[code\]var $b = jQuery.noConflict();$b(function () { $b('.bubbleInfo').each(function () { var distance = 10; var time = 250; var hideDelay = 500; var hideDelayTimer = null; var beingShown = false; var shown = false; var trigger = $b('.trigger', this); var info = $b('.popup', this).css('opacity', 0); $b([trigger.get(0), info.get(0)]).mouseover(function () { if (hideDelayTimer) clearTimeout(hideDelayTimer); if (beingShown || shown) { // don't trigger the animation again return; } else { // reset position of info box beingShown = true; info.css({ top: -90, left: -33, display: 'block' }).animate({ top: '-=' + distance + 'px', opacity: 1 }, time, 'swing', function() { beingShown = false; shown = true; }); } return false; }).mouseout(function () { if (hideDelayTimer) clearTimeout(hideDelayTimer); hideDelayTimer = setTimeout(function () { hideDelayTimer = null; info.animate({ top: '-=' + distance + 'px', opacity: 0 }, time, 'swing', function () { shown = false; info.css('display', 'none'); }); }, hideDelay); return false; }); });});\[/code\]which are taken from the following linkhttp://jqueryfordesigners.com/coda-popup-bubbles/and my HTML is :\[code\]<li class="bubbleInfo"> <a href="http://stackoverflow.com/questions/14075276/#tab<?php echo $i; ?>" title="<?php echo $instance['tab'.$i.'_description']; ?>" class="trigger"><img class="attachment-Small" width="98" height="98" alt="<?php echo $instance['tab'.$i.'_title']; ?>" src="http://stackoverflow.com/questions/14075276/<?php echo $instance['tab'.$i.'_thumb']; ?>"></a> </li> <table id="dpop" class="popup"> <tbody><tr> <td id="topleft" class="corner"></td> <td class="top"></td> <td id="topright" class="corner"></td> </tr> <tr> <td class="left"></td> <td><table class="popup-contents"> <tbody><tr> <th>File:</th> <td>coda 1.1.zip</td> </tr> <tr> <th>Date:</th> <td>11/30/07</td> </tr> <tr> <th>Size:</th> <td>17 MB</td> </tr> <tr> <th>Req:</th> <td>Mac OS X 10.4+</td> </tr> <tr id="release-notes"> <th>Read the release notes:</th> <td><a title="Read the release notes" href="http://stackoverflow.com/questions/14075276/releasenotes.html">release notes</a></td> </tr> </tbody></table> </td> <td class="right"></td> </tr> <tr> <td class="corner" id="bottomleft"></td> <td class="bottom"><img width="30" height="29" alt="popup tail" src="http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png"/></td> <td id="bottomright" class="corner"></td> </tr> </tbody></table>\[/code\]but they are not working 
guide me guys
guide me guys