Сброс jQuery и Z-индексов

Question

У меня есть 5 блоков div, каждый из которых имеет оценку z-index.

div1 - индекс z: 0

div2 - индекс z: -1

div3 - z-индекс: -2

div4 - z-индекс: -3

div5 - z-индекс: -4

div6 - z-индекс: -5

Я хочу использовать jQuery для изменения z-индексов при нажатии.Так, например:

$("#div2").click(function () {
    $("#div1").css("z-index","0");
    $("#div3").css("z-index","-2");
    $("#div4").css("z-index","-3");
    $("#div5").css("z-index","-4");
    $("#div6").css("z-index","-5");

    $("#div2").css("z-index","1");

}); 

Это, очевидно, поставит мой блок div2 перед всеми остальными.

Теперь, если я хочу перейти в другое окно, я должен сделать следующее:

$("#div3").click(function () {
    $("#div1").css("z-index","0");
    $("#div2").css("z-index","-1");
    $("#div4").css("z-index","-2");
    $("#div5").css("z-index","-4");
    $("#div6").css("z-index","-5");

    $("#div3").css("z-index","1");

});

Я должен определить исходные значения, а затем переопределить поле, которое я хочу перечислить самым высоким.Есть ли способ вернуть их к их первым значениям, так что, надеюсь, мне удастся избежать сброса?Хотелось бы, чтобы это выглядело примерно так:

$("#div3").click(function () {
    $("div").css("original css z-index values");

    $("#div3").css("z-index","1");

});

Спасибо !!!

Answer 1

вы можете использовать $ .data для сохранения первых начальных значений и каждый сброс для установки значений из $ .data.

приписка

Я не понимаю, почему вы положили -1, -2 и т.д. ...

у вас должен быть один слой вверх, а все остальные слои - с меньшим числом (может быть одинаковым)

поэтому поместите некоторый класс во все элементы div (класс "lowZ"), который определяет: z-index: 0

и поместите активный класс ("highZ") для активного слоя с: z-index: 999

и затем каждый раз делайте:

$(".divClass").removeClass("highZ");
$("#div2").addClass("highZ");