I found this code but can't get it to work. Can someone point out where I'm going wrong.
In head of document
In body of document.
<div class="dialog" id="dialog_help1" title="Dialog Title 1">
<div class="dialog" id="dialog_help2" title="Dialog Title 2">
<p>Dialog 2 </p>
<a href="#" id="help1" class="sectionHelp">Help1</a>
<a href="#" id="help2" class="sectionHelp">Help2</a>
Thanks in advance.
Thanks for the suggestion about looking at the console. It did show some errors and I thought maybe I was missing something, so I added this line to the head and it works fine.
Thanks for your time.
Forgive me for what may be a silly question, but if you are using CSS to render the div as display: none, you are changing that when it opens, correct?
OK, that's helpful. How you get to the JS console depends on which browser you're using. In Firefox and Chrome, it's Ctrl+Shift+J. If you're in another browser, Google can tell you how to do it.
See if there are any errors listed there. Perhaps the versions of jQuery and jQuery UI you're including are out of sync with one another? That's happened to me before. If it's not that, then it's probably some other part of your JS or CSS that's interfering somehow. If you want to post the whole thing or a link to it, someone may be able to tell you more.
Oops. Sorry guido. It's supposed to allow me to open up dialog help boxes when the anchor is clicked. Also I failed to show the css hiding the div as follows.
What should it do? And what does it do? Or doesn't it do anything?