Hope this helps put you on the path http://jsbin.com/ejuga3 (run) http://jsbin.com/ejuga3/edit (edit)
Event Delegation = awesome knowledge to have http://www.learningjquery.com/2008/03/working-with-events-part-1 On Jan 18, 4:07 pm, Legostrat <legost...@gmail.com> wrote: > Hey, > > I've got a toolbar on the bottom of my website, and I've got it to > where a user clicks on a div tag, and it reveals another div tag, > which contains the content described in the previous div. So if a > person clicks on the div with share in it, a hidden div is revealed > containing links to various social bookmarking options. > > Now, the button div contains the div that has the content. It's sorta > like this: > > <div id="button"> > Click here > <div id="submenu"> > option 1 > option 2 > </div> > </div> > > So, when you click on the button div, it reveals the sub-menu div. > The problem is that when you click on the content within the sub-menu > it activates the .click action attached to the button div. > > I'm fairly sure this is normal behavior, but I'm not sure how to > prevent it. I'd to be able to click on the content within the sub- > menu and not have it activate the .click action attached to the button > div. > > The reason I put the sub-menu within the button div, is that the > button div animates to a wider width, and if I didn't put it inside, > it the sub-menu would stay in place and not shift with the button div. > > Sorry about all the wordiness. > > Any solutions would be greatly appreciated. > > My website: calxanime.com > > The jquery is contained > at:http://calxanime.com/smf/Themes/mobile_alt/scripts/jquery.custom.js > > Sign in to see the bottom bar with the username: Guestperson > and the password: guest > > Thanks, > Legostrat