Question

I am fairly new to jQuery and I wanted to ask a question. Basically I have four links that when clicked fade in a div with a jQuery function. What I would like to do is create a function so that when you click on one link all other divs fade out. So when I click on a link to fade in a div any other div whether it is one, two or three will fade out and open up the new div.

How would I do this???

Thanks!

J Winton

Answer 1

This would be easier to answer with more specifics, but let’s assume your divs are differentiated by id. Furthermore, let’s assume the links point to a fragment identifier that gives the id of the div you wish to fade in

$(something).click(function () {
    var target = $(this).attr('href').split("#")[1], // edit: removed the incorrect argument.
        $divs = $("div[id]"); // all divs with ids

    $divs.not("#"+target).fadeOut(); // Fade out other divs
    $divs.filter("#"+target).fadeIn(); // Fade in targeted div
});