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

Popular posts from this blog

html - Styling progress bar with inline style -

java - Oracle Sql developer error: could not install some modules -

How to use autoclose brackets in Jupyter notebook? -