Попробовал другие варианты решить задачу окончательно и... что-то не получается.
Попробовал сделать вот так:
jQuery(document).ready(function($){
$('#mobile-one').on('click',function(){
if($('#mobile-block-one').attr('data-click-state') == 1) {
$('#mobile-block-one').attr('data-click-state', 0)
$('#mobile-block-one').css('z-index', +$(this).css('z-index') + 1)
} else {
$('#mobile-block-one').attr('data-click-state', 1)
$('#mobile-block-one').css('z-index', $(this).css('z-index') - 3)
}
});
});
Однако вот такой код работает, но не совсем так, как нужно.
jQuery(document).ready(function($){
$('#mobile-one').on('click',function(){
if($('#mobile-block-one').attr('data-click-state') == 1) {
$('#mobile-block-one').attr('data-click-state', 0)
$('#mobile-block-one').css('z-index', 1')
} else {
$('#mobile-block-one').attr('data-click-state', 1)
$('#mobile-block-one').css('z-index', 4')
}
});
});
Такой код просто меняет значение z-index с 4 на 1 на 4 и т.д.
А задача в том, чтобы код не принимал определенное значение (например z-index: 4), а к существующему z-index прибавлял или отнимал значение свойства. То-есть к z-index: -3; прибавляет 5 (получается z-index: 2). Далее отнимает 2 (получается z-index: 0) и снова прибавляет 5 (получается z-index: 5) и т.д.
Заранее благодарю за ответ.