Hi,
I am trying to create a tooltip that is show when a user clicks on a button and is displayed above a different page element for a specified duration. I have everything working but can not figure how to set a duration on the tooltip. So the tooltip would only show for 30 seconds, for instance. Here is what I have so far:
var amendHello = $(".hello-box").tooltip({tip: '#demotip', effect: 'slide', direction: 'down', slideOffset: 5, delay: '5', api: true});
$('.button').click(function() {
amendHello.show();
});
I have tried using the animate opacity trick in the onShow attribute but that didn't work. Any suggestions?
Thanks,
I am trying to create a tooltip that is show when a user clicks on a button and is displayed above a different page element for a specified duration. I have everything working but can not figure how to set a duration on the tooltip. So the tooltip would only show for 30 seconds, for instance. Here is what I have so far:
var amendHello = $(".hello-box").tooltip({tip: '#demotip', effect: 'slide', direction: 'down', slideOffset: 5, delay: '5', api: true});
$('.button').click(function() {
amendHello.show();
});
I have tried using the animate opacity trick in the onShow attribute but that didn't work. Any suggestions?
Thanks,
