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
