toggle divs in jquery based on number

Discussion in 'JavaScript' started by epikpoker, Sep 20, 2011.

  1. #1
    I have 4 selectors 1 - 2 - 3 - 4

    and 4 divs div1, div2, div3, div4

    To start selector 1 is checked, div1 is visible while 2-4 are hidden. If selector 3 is checked, divs1-2-3 should show, if selector 2 is then checked, divs1-2 should show and 3-4 would be hidden again. Looking for simple way to set this up so i dont have to write 4 functions for it. Any ideas?
     
    epikpoker, Sep 20, 2011 IP
  2. mrmuggles

    mrmuggles Greenhorn

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #2
    Something like this should do (not tested) :

    function show(number) {
    for (var i = 1; i < 5; i++) {
    $('#div' + i).hide();
    }

    for (var i = 1; i < number + 1; i++) {
    $('#div' + i).fadeIn(500);
    }

    }
     
    mrmuggles, Oct 7, 2011 IP