Forums

  • # December 14, 2012 at 1:59 pm

    Hi all,

    I have been working on a project for a little bit now, and I’ve come to a fork in the road, and need some guidance.

    The navigation menu for my project has a sub menu for two tabs, and a second sub menu for one of those tabs.

    Up until recently, I’ve been committed to just giving the the sub menu the ol’ `display: none` for my convenience, but I realize this isn’t the best approach, as I’m limiting the experience for mobile users.

    I’m curious to how other people approach this, my thought is there’s probably some jquery out there to disable anchor tags, then change the pseudo-class from :hover to :focus on smaller screens to display the sub menu.

    Does anybody have experience with this?

    # December 14, 2012 at 2:40 pm

    You know that you could set the hover and focus properties to the same don’t you?

    In fact it’s recommended.

    # December 14, 2012 at 3:09 pm

    JQuery mobile events might be of use: http://ben-major.co.uk/2012/05/jquery-mobile-events-finally-launched/

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag