Get a free trial // Grow your CSS skills // Land your dream job

JQuery in IE

  • # November 12, 2008 at 4:08 pm

    I took the code from the MenuFader tutorial and changed a few things about so it would work in the way I needed it to. It now works great in any browser other then IE but doesn’t work at all in IE.

    Here is the Code I’m using:


    .menu{list-style: none;}
    .menu li{float: left; padding-right: 2px;}
    .menu li a{display:block; width: 120px; text-indent:-9999px;}
    .menu li a.overview{background: url(images/overviewf.jpg) bottom center no-repeat; height:30px; }
    .menu li a.details{background: url(images/details.jpg) bottom center no-repeat; height:30px; }

    #content{width: 620px; height: 500px; border-top: 1px solid #666; padding: 1px;}

    .buttonf {float: left; margin: 0; cursor: pointer; }

    #one {display: block; opacity: 1}
    #one-button {opacity: 1.0;}

    #two {display: none; opacity: 1}
    #two-button {opacity: 0.5;}



    $(“#page-wrap .buttonf”).click(function(){

    $clicked = $(this);

    if($clicked.css(“opacity”) != “1” && $“:not(animated)”))
    opacity: 1,
    borderWidth: 4
    }, 600 );

    var idToLoad = $clicked.attr(“id”).split(‘-‘);
    $(“#content”).find(“div:visible”).fadeOut(“fast”, function(){

    opacity: 0.5,
    borderWidth: 1,

    }, 600 );


    Note: I’m using the jQuery(document) so that it will work in wordpress.



    This content is for one.

    This content is for two.

    Any ideas why this won’t work in IE?

    # November 13, 2008 at 12:06 pm


    # January 22, 2009 at 2:07 pm

    I got the same problem for IE with wordpress
    see related post if any ideas can come up:

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