how do I set pulsate mode to hide?
in the documentation they explain that you can stop the pulsation prematurely by setting the mode to hide but they dont give an example of how to do that
In my script I need to cause the pulsate to run in an infinite loop and then stop the pulsation on a mouseout event.
I almost have it .... I just am working with the mouseout event
how do I prematurely stop the pulsation animation
I tried so many things
$(this).effect.stop();
$(this).effect.stopALL();
etc...
how do I do it??
here is my code
<script>
$(document).ready(function () {
//main nav hover effects
//------------------------
$("li a").hover(
//on mouse in
function () {
$(this).css('text-shadow', '0px 0px 2px #fff');
$(this).css('color', '#fff');
$(this).effect("pulsate", { times:500 }, 60);
},
//on mouse out
function () {
$(this).css('color', '#777');
$(this).css('text-shadow', 'none');
$(this).effect().stopALL();
}
);
});
</script>