ВКЛАДКИ Javascript с функцией KEYDOWN ⇐ Jquery

[Anonymous]

Я пытаюсь упростить этот код. Вот что у меня есть на данный момент.
Я хочу изменить TABS с помощью стрелок ВВЕРХ и ВНИЗ.
Я хочу, чтобы она была как можно меньше.
Итак, в основном я хочу изменить TABS с помощью клавиатуры, но не способом Clicked = 1. Или, может быть, способом Clicked++.
Я также пробовал способ вкладок Jquery, но не смог этого понять.
Этот способ создания поля вроде работает, но приходится несколько раз нажимать клавишу.

Код: Выделить всё

var clicked = 1;
document.onkeydown = function (e) {
switch (e.keyCode) {
case 38:
var createfield =
'';
document.getElementById('box').innerHTML += createfield;
break;
case 40:
var createfield =
'';
document.getElementById('box').innerHTML += createfield;
break;
}
};

Код: Выделить всё

function openCity1(evt, cityName) {
var i, tabcontent1;
tabcontent1 = document.getElementsByClassName("tabcontent1");

for (i = 0; i < tabcontent1.length; i++) {
tabcontent1[i].style.display = "none";
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}

var clicked = 0;
$("body").on("keydown", function(event) {
if (event.which == 38 && clicked == 0) {
openCity1(event, 'image1');
clicked = 1;
} else if (event.which == 38 && clicked == 1) {
openCity1(event, 'image2');
clicked = 2;
} else if (event.which == 38 && clicked == 2) {
openCity1(event, 'image3');
clicked = 3;
} else if (event.which == 40 && clicked == 3) {
openCity1(event, 'image2');
clicked = 2;
} else if (event.which == 40 && clicked == 2) {
openCity1(event, 'image1');
clicked = 1;
}
});

Код: Выделить всё

body {
background-color: #6A6A6A;
overflow: hidden;
}

.box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.tabcontent1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
}

#image1 {
background-color: bisque;
}

#image2 {
background-color: #76552d;
}

#image3 {
background-color: #432b0d;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/792 ... n-function