Demo of Selection of show option for tooltip in JQuery UI

Select above radio buttons to apply different show options to tooltip, then place the mouse over input box to display tooltip with ( selected ) animation effect
You can see a Demo & list of such animation effects here.

jquery

<script>
$(document).ready(function() {
////////////////
$( "#my_tooltip" ).tooltip({
show: false
});
///////////////
var present_value = $( "#my_tooltip" ).tooltip( "option", "show" );
$('#d1').html( " <b>Status of show:</b> " + present_value );
//////////
$("input:radio[name=r1]").click(function() {
var sel = ($(this).val() == 'true');
$( "#my_tooltip" ).tooltip( "option", "show", sel );
var present_value = $( "#my_tooltip" ).tooltip( "option", "show" );
$('#d1').html( " <b>Status of show:</b> " + present_value );
})
////////////
})
</script>