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

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern


  • # January 23, 2012 at 2:21 pm

    i am using java script for my drop down menu and image light box but these two seem to have issues with each other because the lightbox is fine but the drop down menu moves to a side of a side of a page in the pages that have images,
    i have checked the firefox error console and i am getting the below error, you can also see the code below, let me know, thanks.
    Error: $(“ul.dropdown li”) is null
    Source File:
    Line: 21


    var config = {
    sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
    interval: 200, // number = milliseconds for onMouseOver polling interval
    over: doOpen, // function = onMouseOver callback (REQUIRED)
    timeout: 200, // number = milliseconds delay before onMouseOut
    out: doClose // function = onMouseOut callback (REQUIRED)

    function doOpen() {
    $(‘ul:first’,this).css(‘visibility’, ‘visible’);

    function doClose() {
    $(‘ul:first’,this).css(‘visibility’, ‘hidden’);

    $(“ul.dropdown li”).hoverIntent(config);

    $(“ul.dropdown li ul li:has(ul)”).find(“a:first”).append(” » “);


Viewing 1 post (of 1 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