Results 1 to 2 of 2

Thread: Hover Menu, Show/Hide Div, Bootstrap Tab

  1. #1
    Join Date
    Jun 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Hover Menu, Show/Hide Div, Bootstrap Tab

    Im trying to create a Flyout Menu where the 2nd level is a big div where the user can do stuff. Think of it as a product page. You have 3 products and the flyout presents features and info on the product. At the bottom there could be a DownloadNow-Button or something.

    So the flyout has to be visible when either hovering over the corresponding tab button or the flyout itself. It should be automatically invisible at any other time.

    It has to be done with the Bootstrap-Tab plugin.

    Rough jsFiddle: http://jsfiddle.net/QPfWb/2/

    Aaand now im stuck. The flyout should disappear when not hovering over button or flyout itself. I tried some mouseLeave functions but with no success.

  2. #2
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    46
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Well it depends what your browser is, mouse leave is only co pitiable with ie and opera, try a mouse out event

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •