Плавное движение блока "А" вправо при нажатии на блок "Б". Реализация на чистом JS - JavaScript - Ответ 7520127

var minleft = -300,
    maxleft = 0,
    time = 1000,
    timer = null,
    toggled = false;
 
window.addEventListener('load', function () {
    var but = document.getElementById('but');
    var slider = document.getElementById('box');
    slider.style.left = minleft + 'px';
    but.addEventListener('click', function () {
        clearInterval(timer);
        var instanceleft = parseInt(slider.style.left, 10),
            init = (new Date()).getTime(),
            height = (toggled = !toggled) ? maxleft : minleft,
            disp = height - parseInt(slider.style.left, 10);
        timer = setInterval(function () {
            var instance = (new Date()).getTime() - init;
            if (instance <= time) {
                var pos = instanceleft + Math.floor(disp * instance / time);
                slider.style.left = pos + 'px';
            } else {
                slider.style.left = height + 'px';
                clearInterval(timer);
            }
        }, 1);
    }, false);
}, false);

window.addEventListener('load', function () {
    var but = document.getElementById('but');
    var slider = document.getElementById('box');
    but.addEventListener('click', function () {
        slider.classList.toggle('slidein');
    }, false);
}, false);