That looks good, did it work? -Hector
On Wed, Dec 10, 2008 at 10:57 AM, David Blomstrom <[EMAIL PROTECTED] > wrote: > So should the code in my head section look something 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\']} ); > > > > $(\'#MSFree\').mouseover(function() > { > $(\'#menu2\').show(); > }); > > $(\'#MSFree\').mouseout(function() > { > $(\'#menu2\').hide(); > }); > > > > } > ); > </script> > > ...or do I need to place the code you gave me in the body somehow? > > On Wed, Dec 10, 2008 at 10:51 AM, Hector Virgen <[EMAIL PROTECTED]>wrote: > >> The .show() and .hide() functions are on-demand functions -- they'll >> happen immediately when the code is called. What you need to do is observe >> the user's actions and show/hide the div based on what they are doing. >> >> For that, you can use .mouseover() and .mouseout with callback functions. >> The callback functions will be called when certain events happen, and that >> is where you place the .hide() and .how() code: >> >> // Untested... >> $('#MSFree').mouseover(function() >> { >> $('#menu2').show(); >> }); >> >> $('#MSFree').mouseout(function() >> { >> $('#menu2').hide(); >> }); >> >> -Hector >> >> >> On Wed, Dec 10, 2008 at 10:35 AM, David Blomstrom < >> [EMAIL PROTECTED]> wrote: >> >>> Here's a condensed version of my code... >>> <div class="collapsible" id="MSFree"> >>> <div id="trigger2" class="trigger"><span>V</span>Microsoft-Free</div> >>> </div> >>> <div id='menu2' class='menu'">This website was designed....</div> >>> So I would convert your code to this?: >>> $('#MSFree').show(); >>> $('#MSFree').hide(); >>> Would I just add that to the JQuery code in my head section, and the >>> script would then open whenever someone mouses over it? >>> Thanks. >>> On Wed, Dec 10, 2008 at 10:20 AM, Andy Matthews < >>> [EMAIL PROTECTED]> wrote: >>> >>>> jQuery has built in show() / hide() methods. The syntax would look >>>> something like this: >>>> >>>> $('#someElement').show(); >>>> $('#someElement').hide(); >>>> >>>> Where someElement was a container with an ID. >>>> >>>> >>>> andy >>>> >>>> ------------------------------ >>>> *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] >>>> *On Behalf Of *David Blomstrom >>>> *Sent:* Wednesday, December 10, 2008 12:11 PM >>>> *To:* jquery-en@googlegroups.com >>>> *Subject:* [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 http://www.geosymbols.org/World/Arizona/, >>>> 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 http://www.geosymbols.org/World 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. >>>> >>> >>> >>> >>> -- >>> David Blomstrom >>> Writer & Web Designer (Mac, M$ & Linux) >>> www.geobop.org >>> >> >> > > > -- > David Blomstrom > Writer & Web Designer (Mac, M$ & Linux) > www.geobop.org >