Возврат на место перемещенного блока.
 

Добрый день. Возник вопрос.
Допустим есть какой то блок стили которого прописаны.С помощью onclick мы меняем ему координаты. Раньше чтобы вернуть его на место я прописывал ему стили снова. Пример:

<style type="text/css">.block{position:absolute;left:50%;top:50%;}
#back{position:absolute;left:50%;top:80%;}</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<button class="block">Жми</button>
<button id ="back">Вернуть на место</button>
<script type="text/javascript">
$('.block').click(function(){
        $(".block").css({ "left:": "30%","top": "20%"});
});
$('#back').click(function(){
        $(".block").css({ "left:": "50%","top": "50%"});
});
</script>

Сам вопрос, можно ли написать - при нажатии, кнопка вернись пожалуйста туда где был изначально во время загрузки страницы, не перезагружая страницы?:blink:

Artur_Hopf,

<style type="text/css">
.block{position:absolute;left:50%;top:50%;}
#back{position:absolute;left:50%;top:80%;}</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<button class="block">Жми</button>
<button id ="back">Вернуть на место</button>
<script type="text/javascript">
$('.block').click(function(){
        $(".block").css({ "left": "30%","top": "20%"});
});
$('#back').click(function(){
        $(".block").removeAttr("style");
});
</script>

Artur_Hopf,

<style type="text/css">
.block{position:absolute;left:50%;top:50%;}
#back{position:absolute;left:50%;top:80%;}
.block.up{left:30%;top:20%;}
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<button class="block">Жми</button>
<button id ="back">Вернуть на место</button>
<script type="text/javascript">
$('.block').click(function(){
        $(".block").addClass("up");
});
$('#back').click(function(){
        $(".block").removeClass("up");
});
</script>

:
пост №1 строки 8 и 11
:-?

рони,
Спасибо большое :thanks: