[jQuery] Need Open/Shut Function

[jQuery] Need Open/Shut Function

I've been looking for JQuery examples pages and started browsing through plugins, but I haven't found what I'm looking for yet, so I wondered if anyone here could make some recommendations.

If you visit my web page at <a href="http://www.geosymbols.org/World/Arizona/">http://www.geosymbols.org/World/Arizona/</a>, you'll see a "Microsoft-Free" box in the top right corner of the page. Hovering over it with your mouse causes a small display to appear.

At the end of the article is a little Links/Books image with similar behavior (though there's currently no content to display).

What JQuery function, plugin or whatever should I use to duplicate those functions? I'd like to be able to style it so that it looks pretty much as it does now.


Also, on my World home page at <a href="http://www.geosymbols.org/World">http://www.geosymbols.org/World</a> I have links to a series of JavaScript pop-up boxes with links to various nations. It's a pretty simple, straightforward JavaScsript. I just wondered if there are any JQuery functions that would somehow enhance those popups.


So far I'm using a JQuery table sorter plugin and "zebra stripes" widget. My code looks like this:

<script src="'.$BaseURL.'/1A/js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="'.$BaseURL.'/1A/js/tablesorter/jquery.tablesorter.js" type="text/javascript"></script>
<script language="JavaScript" type="text/JavaScript">
 $(document).ready(function() 
  { 
  $("#myTable").tablesorter({ widgets: [\'zebra\']} ); 
  }
 );
</script>








Thanks.