I have a hyperlink (open grid) where if user clicks on it it opens up a grid of buttons. What I want to know does anyone know to code it so that except for the grid of button being displayed below the textbox, if the grid of buttons can be hovered over the (open grid) link.
In other words I want it to work exactly the same as Jquery datepicker where if you click over the calender icon the calender displays like a hover below the calender icon and text box.
The datepicker jquery example I am referring to is this link here: http://jqueryui.com/demos/datepicker/#icon-trigger
My code is in jsfiddle.net: click here
If you speak about the fadeIn/fadeOut effect. You can try this: http://jsfiddle.net/Jrxfs/11/
Added fadeIn/fadeOut using :
$('#optionTypeTbl').fadeIn('slow');$('#optionTypeTbl').fadeOut('slow');EDIT : Added
position:absolute;andbackground-color:white;on#optionTypeTbl. Check the new fiddle: http://jsfiddle.net/Jrxfs/11/