Как повторить эффект анимации при ошибке заполненности полей формы?

На Хабре нашлось элегантное решение: Рендеринг WEB-страницы: что об этом должен знать f....

form.addEventListener('submit', function(event) {
    if (!login.value || !password.value) {
      event.preventDefault();
        if (popup.classList.contains('login-popup-error')) {
            popup.classList.remove('login-popup-error');
        }
        popup.offsetHeight;
        popup.classList.add('login-popup-error');
    } else {
      localStorage.setItem('login', login.value);
    }
  }, false);

Как повторить эффект анимации при ошибке заполненности полей формы?

Happymalina: кстати у Вас форма при повторном нажатие на кнопку Вход трясется если до этого была ошибка при входе, чего мне кажется быть не должно.

Как повторить эффект анимации при ошибке заполненности полей формы?

Happymalina: можно, но я лично в нем решения не вижу. ))
Вот кривое, но решение. Форма мерцает при нажатие, но не сваливается.
Что бы решить проблему со сваливанием надо избавиться от login-popup-show, или схитрить. )

form.addEventListener('submit', function(event) {
    if (!login.value || !password.value) {
      event.preventDefault();
        //проверяем наличие класса login-popup-error
        //и удаляем если он есть
        if (popup.classList.contains('login-popup-error')) {
            popup.classList.remove('login-popup-error');
        }
        //даем браузеру возможность расслабиться и сделать рендеринг
        setTimeout(function(){ popup.classList.add('login-popup-error'); });
    } else {
      localStorage.setItem('login', login.value);
    }
  }, false);

Как повторить эффект анимации при ошибке заполненности полей формы?

Александр N++: форма падает потому что вы удаляете 'login-popup-error' из classList, а в этот момент остаются два класса login-popup login-popup-show они и срабатывают.

Посмотрите в чем ошибся в коде, фильтр галереи?

Переменную var imgHeight = $('.image-box').height(); вынесите из клика.

Подсветка активного пункта меню, при условиях, если пункт меню содержит GET запрос?

document.location.protocol + "//" + document.location.host + document.location.pathname

Подсветка активного пункта меню, при условиях, если пункт меню содержит GET запрос?

азаза, +'/'; это уже лишнее. ))

Подсветка активного пункта меню, при условиях, если пункт меню содержит GET запрос?

pathname ;)