Hi folks,
I have just started using jQuery in the past couple of weeks and am really enjoying it - damn fantastic thing! I have one problem at the moment though. Here's the basic structure of my page:
<body>
<div id="accordionContainer">
<div class="accordionSectionHeader">
Some header label...
</div>
<div class="accordionSectionContent">
Some content...
<a href="#">Popup dialog</a>
</div>
</div>
<div id="dialog">
Some dialog content here...
</div>
</body>
It's a fairly straightforward layout - when you click the "Popup dialog" link the dialog div shows, positioned over the top of the link. So far so good. Now I have struck problem - I have set the dialog modal option to "true" but I can still click on stuff underneath, including accordion section headers! Have I missed something here? Can't for the life of me figure out what's going wrong since I'm very much a newbie here.
Any suggestions or assistance would be greatly appreciated.
Many thanks, Dany.