javascript - Switch variable issue -
while working on can called "content slider" wrote piece of code up:
var dayy = 1; $(".buttonsix").click(function() { dayy--; console.log(dayy); }); $(".buttonseven").click(function() { dayy++; console.log(dayy); }); switch (dayy) { case 0: var dayy = 1; break; case 1: break; case 2: $(".fist").fadeout(); $(".second").fadeout(); $(".third").fadein(); $(".fourth").fadein(); break; case 3: $(".third").fadeout(); $(".fourth").fadeout(); $(".fith").fadein(); $(".sicth").fadein(); break; case 4: $(".fith").fadeout(); $(".sicth").fadeout(); $(".seventh").fadein(); $(".eight").fadein(); break; case 5: $(".seventh").fadeout(); $(".eight").fadeout(); $(".nineth").fadein(); $(".tenth").fadein(); break; case 6: $(".nineth").fadeout(); $(".tenth").fadeout(); $(".eleventh").fadein(); $(".twelve").fadein(); break; case 7: $(".eleventh").fadeout(); $(".twelve").fadeout(); $(".thirteenth").fadein(); $(".fourteenth").fadein(); break; default: $(".thirteenth").fadeout(); $(".fourteenth").fadeout(); $(".first").fadein(); $(".second").fadein(); var dayy = 1; break; }
all html divs have display none, except first , second visible. increments being logged , work switch isn't working.
no console errors being logged
all , comments appreciated, thank in advance
your switch not call after click, should :
var dayy = 1; $(".buttonsix").click(function() { switchdayy(--dayy); }); $(".buttonseven").click(function() { switchdayy(++dayy) }); function switchdayy(dayy){ switch (dayy) { case 0: var dayy = 1; break; case 1: break; case 2: $(".fist").fadeout(); $(".second").fadeout(); $(".third").fadein(); $(".fourth").fadein(); break; case 3: $(".third").fadeout(); $(".fourth").fadeout(); $(".fith").fadein(); $(".sicth").fadein(); break; case 4: $(".fith").fadeout(); $(".sicth").fadeout(); $(".seventh").fadein(); $(".eight").fadein(); break; case 5: $(".seventh").fadeout(); $(".eight").fadeout(); $(".nineth").fadein(); $(".tenth").fadein(); break; case 6: $(".nineth").fadeout(); $(".tenth").fadeout(); $(".eleventh").fadein(); $(".twelve").fadein(); break; case 7: $(".eleventh").fadeout(); $(".twelve").fadeout(); $(".thirteenth").fadein(); $(".fourteenth").fadein(); break; default: $(".thirteenth").fadeout(); $(".fourteenth").fadeout(); $(".first").fadein(); $(".second").fadein(); var dayy = 1; break; } }
Comments
Post a Comment