<style>
.block.moved {
left: 200px;
}
.block {
background: red;
width: 200px;
height: 20px;
position: absolute;
left: 0;
top: 35px;
transition: left 1s ease;
-webkit-transition: left 1s ease;
-moz-transition: left 1s ease;
-o-transition: left 1s ease;
-ms-transition: left 1s ease;
}
</style>
<div>
<div class="block"><a>Двигать</a></div>
</div>
<div>
<div style="top: 65px;" class="block"><a>Двигать</a></div>
</div>
<script>
[].forEach.call(document.querySelectorAll("a"), function (elem) {
elem.addEventListener("click", function () {
this.parentNode.classList.toggle("moved");
}, false)});
</script>