How to show/hide div from imagemap inside jquery window? -


i have created rollover imagemap show cuts of beef. when user clicks on section of beef, div becomes visible list recipes, via js/popupbox.js script.

all basic scripts working here (click on "chuck" section)

but first imagemap of cow opens in jquery modal window (i'm new jquery, may referring wrong!). problem: my show/hide div ceases work inside of jquery window.

i have considered using tooltip script instead, it's essential user able open/close div clicking, because there recipes , other content inside each div need able click on.

any appreciated!

you need attach event handler dialog using open event.

$('#opener').click(function() {     $('#dialog').dialog({         modal: true,         height: 550,         width: 800,         hide: "explode",         open: function() {             $(this).click(function() {                 $('#popupbox').show();             });            }     }); }); 

working example: http://jsfiddle.net/f55gg/


Comments

Popular posts from this blog

c# - How to set Z index when using WPF DrawingContext? -

razor - Is this a bug in WebMatrix PageData? -

visual c++ - Using relative values in array sorting ( asm ) -