Grow your CSS skills. Land your dream job.

Jquery fadeIn() doesn’t work!

  • # January 26, 2010 at 12:50 am

    I’ve been hacking at this for the last hour, and maybe I’m just being dumb. I have multiple carousels (jcarousel) that are on one page, which are respectively the slides inside of a slider (coda-slider). I would like to fadeIn() the slider. For whatever reason, I can hide the slider by setting the wrapper div for the slider to display:none. But I can’t target it with the fadeIn() effect. I know that my selectors are right, because I can use the .css method using the same selectors.

    Here’s the little bit of jQuery I’m using to target the coda-slider-wrapper

    Code:
    $(document).ready(function(){
    $(‘.coda-slider-wrapper’).fadeIn(“slow”);
    });

    Here’s the markup:

    Code:

    As a sidenote, I inherited this project, as the client’s previous designer wasn’t competent at all. They’re on a tight deadline, and the idea had been to turn the project around fast. As such, I haven’t really had time to do much house keeping on the guys markup. I’ve cleaned things up where I can, but I’m not really sure I want to spend the time to sit down and validate every page on the site, and clean things up so they’re nice and semantic. All they want is to have a little animation done on one of their pages, and this part’s been holding me up!

    Thanks you guys.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".