Thanks, Stephen; that works beautifully. I used the escape quotes because I'm working in PHP. However, I tried your code without the escape quotes, and it works just fine.
I'll have ty give that close button a try, too. Thanks again. * * * * * On Mon, Feb 16, 2009 at 3:36 AM, Stephan Veigl <stephan.ve...@gmail.com>wrote: > > Hi David, > > a close button is quite simple, see: > http://jsbin.com/ocoyo/edit > for an example > > 1. Why do you escape the quotes in $(\'#triggerReg\')? Is this just a > copy&paste error, or do you define your function in an HTML attribute? > > 2. The click handle does take only one callback function (in contrast > to hover, which takes two) > > What exactly does not work? Do you get an error from the browser? Does > the menu not open / not close? ... > > try this: > > $("#triggerReg").click(function(){ > $("#menuReg").show(); > return false; > }); > $("#menuReg").click( function(){ > $("#menuReg").hide(); > return true; > }); > > > by(e) > Stephan > > 2009/2/16 David Blomstrom <david.blomst...@gmail.com>: > > I haven't learned how to make a close button yet. I tried the second > method, > > but I'm doing something wrong. I combined the two scripts as follows, but > it > > doesn't work. > > > > $(\'#triggerReg\').click(function(){ > > > > $(\'#menuReg\').show(); > > },function(){ > > > > > > $("#menuReg").click( function(){ > > $(this).hide(); > > return true; > > }); > > > > Thanks! > > > > * * * * * > > > > On Mon, Feb 16, 2009 at 1:41 AM, Stephan Veigl <stephan.ve...@gmail.com> > > wrote: > >> > >> Hi, > >> > >> I would add a close button (or link) to your links div and add something > >> like: > >> > >> closeBtn.click( function(){ > >> $(this).parent().hide(); > >> }); > >> > >> alternatively you can do: > >> > >> $("#menuReg").click( function(){ > >> $(this).hide(); > >> return true; > >> }); > >> > >> Than your menu is closed whenever you click somewhere within your > >> menu. If you click on a link, the link will be followed (return true;) > >> > >> by(e) > >> Stephan > >> > >> 2009/2/16 WebRanger <david.blomst...@gmail.com>: > >> > > >> > The following script produces a box that opens on mouseover and closes > >> > on mouseover. > >> > > >> > $(\'#triggerReg\').hover(function(){ > >> > // do something on mouse over > >> > $(\'#menuReg\').show(); > >> > },function(){ > >> > // do something on mouse out > >> > $(\'#menuReg\').hide(); > >> > }); > >> > > >> > It works fine for displaying brief text messages. But if you display a > >> > column of links, it closes as soon as you try to put the cursor over a > >> > link. > >> > > >> > Can someone show me how to modify this so that the menu stays open > >> > until you manually close it again? I changed hover(function() to click > >> > (function(), and it now opens when you click it - and it stays open. > >> > But I can't figure out how to close it. > >> > > >> > I've been searching for online references that list the various > >> > options, but I haven't found one I can understand yet. > >> > > >> > Thanks. > > > > > > > > -- > > David Blomstrom > > Writer & Web Designer (Mac, M$ & Linux) > > www.geobop.org > > > -- David Blomstrom Writer & Web Designer (Mac, M$ & Linux) www.geobop.org
