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
Post a Comment