<div class="test">щелчок</div>

.test{
  width: 8cm; height: 5cm;
  background: #ddd;
  transition: margin-top 1s linear 0s,
    margin-left 1s linear 1s;
}
.test.shift{
  margin-top: 3cm;
  margin-left: 5cm;
}

const td = document.querySelector('.test');
td.onclick = () => {
  td.classList.toggle( 'shift' );
}