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?
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); } }