here's some scraps if you have to write it yourself..
This assumes you've got jQuery UI loaded.
There are (3) parts.
1). The jquery UI functions
2). the clickable link
3). the div with the content for the modal popup.
CAVEAT: you may need to wrestle with WP to keep it from modifying the HTML in the post when you save it. 1). add this inside a jQuery "document ready" function in the <head> tag of your template--
$("#moreInfo").click(function(event){ $( "#evInfoDialog" ).dialog( "open" ); return false; });
$("#evInfoDialog" ).dialog({
autoOpen: false,
width:600,
resizable: true,
show: "puff",
hide: "slide",
modal: true
});
(you can change options, size, "puff", "slide", etc to whatever you like) 2). Then add a div like this for the "more info" clickable link (wherever you want it to appear in the post) ---
<div id="moreInfo">more info</div>
3). Then put your additional info (text, images, links, whatever), in a div at the end of the post, or call the content dynamically if it comes from somewhere else. The option "autoOpen: false" (above, in step 1), should make it a hidden div.
<div id="#moInfo" title="Event Info">
<img align="right" src="/images/event.gif" style="margin:10px;">
<p>Here's some more info...</p>
</div>
