The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

Problem with Hover…

  • # January 8, 2013 at 4:43 pm

    [See CodePen](

    When you hover over the “FB” link at right of bar a window opens, but as soon as cursor moves off of “FB” link the window closes.

    How can I keep window open as long as cursor is hovering over the window so users can select links from inside of open window?

    Thank you,

    # January 8, 2013 at 5:30 pm

    You would need some form of JavaScript or jQuery to keep it open after hover. The idea of it would be to make a class called active and add that class to your div when someone hovers over the FB link.

    Here’s some jQuery I wrote for a slider that you should be able to re-work to fit this situation :)

    var sliderActive = $(“#wrapper #slider-single”);


    sliderActive.on(“hover”, function() {

    # January 10, 2013 at 9:51 pm

    Problem solved. Thank you for the help. It got me on the right track.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed