Trouble with JQuery Hoverintent slideUp -
i've been working on using jquery hoverintent plugin , i've made progress, have issue using .hide, .slideup, etc out: function make sure overlay hoverintent rolls in doesn't dissapear on hover out. have not been able figure out why out: makes overlay dissappear without effect.
jquery:
$(function satisfactiongaugehoverintent() { satisfactionconfig = { sensitivity: 3, // number = sensitivity threshold (must 1 or higher) interval: 200, // number = milliseconds onmouseover polling interval timeout: 0, // number = milliseconds delay before onmouseout over: function () { $('#satisfactionoverlay').show("drop", { direction: "up" }, 1000); }, // function = onmouseover callback (required) out: function () { $('#satisfactionoverlay').slideup('slow', 500); } // function = onmouseout callback (required) } $('#satisfactionchartbutton').hoverintent(satisfactionconfig); }); html:
<div id="satisfactionchartbutton" class="large-3 large-offset-1 columns modalgaugearea allgaugessetup"> <div class="chartmodaltitle">customer satisfaction</div> <div id="customersatisfactiongauge" class="gaugecontainer"></div> <input id="customersatisfactiongaugevalue" type="hidden" data-url="@url.action(mvc.atsnavigator.satisfactiontotalaveragedata())" /> <div class="chartmodaldialog">rating out of 5</div> <div id="satisfactionoverlay"> <div class="overlaycharttitle"> customer satisfaction<br /> chart </div> <img class="overlayimages" src="@url.content(links.content.img.wht_desktop_analytics_png)" /> <div class="overlaychartdialog">click view chart</div> </div> </div> the over: function works well, out issue. suggestions why seems function not working?
Comments
Post a Comment