Белый шум. Да извиняюсь. Сам вопрос по теме не совсем корректно звучал, так как сам запутался.
Сейчас код такой:
$(document).ready(function () {
$('#mobile-one').on('click', function (e) {
$('#mobile-block-one').not('#mobile-one').each(function(){
$(this).css('z-index', +$(this).css('z-index') + 3);
$(this).css('z-index', $(this).css('z-index') - 1);
});
});
});
Собственно таким образом z-index изменяется на 2.
Осталось сделать так, чтобы
$(this).css('z-index', +$(this).css('z-index') + 3);
и
$(this).css('z-index', $(this).css('z-index') - 1);
запускались не вместе, а друг за другом поочередно при каждом клике на <div id="mobile-one">меню</div>
То-есть сначала при клике <div id="mobile-one">меню</div> запускается $(this).css('z-index', +$(this).css('z-index') + 3);
Потом при следующем клике на <div id="mobile-one">меню</div> запускался $(this).css('z-index', $(this).css('z-index') - 1);
Далее снова при клике запускался $(this).css('z-index', +$(this).css('z-index') + 3);
и т.д