Как сделать, что бы z-index не терялся при удалении класса?

Question

[Shuboanator]

$('#div1).click(function(){
  $('#div1 ').toggleClass('one');
});

#div1{
z-index:1;
transform:translateY(0%);
transition:0.5s;
}
.one#div1{
z-index:100;
transform:translateY(50%);
}

Когда добавляется класс "one" элемент становится поверх всех , но когда класс удаляется удаляется и z-index.
Как сделать, что бы z-index удалялся только после того, как закончится трансформация от удаления класса one?

Comments

[Дмитрий]

Замените встроенный в CSS translate на jquery animate, а там есть callback-и. Или вам такой вариант не подходит?

Answer 1

[Alex]

Вынести z-index в отдельный класс или прописать в HTML:
<div style="z-index: 1;"></div>