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

Reply via email to