Grow your CSS skills. Land your dream job.

Thumbnails fadein fadeout specific div

  • # January 5, 2010 at 1:38 pm

    I am using this code to hide and show a div based on which thumbnail you rollover;

    Code:
    $(document).ready(function(){
    $(‘div.infodiv’).hide();
    $(“.website_thumbs a”).hover(
    function(){
    var name = $(this).attr(“name”);
    $(“.infodiv”).stop();
    $(“.”+name).stop().fadeIn();
    },
    function(){
    var name = $(this).attr(“name”);
    $(“.”+name).stop().fadeTo(7000,1).fadeOut();
    });
    });

    The script gets the name attribute from the thumbnail and displays the div with the corresponding class. Each div shares the .infodiv class but also has a class unique to each thumbnail.

    The functionality is basically where I want it but when you scroll over the thumbnails fast some of the divs get stuck in a kind of half faded-in state and stop working unless i roll over them once – then they slow fade in and they are usable again.

    I am a bit new to jQuery and would appreciate any help.

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".