янв
15
2016

Изучаем jQuery. Выдвигающаяся форма ввода данных для входа

Один из набирающих популярность методов снижения визуального загромождения экранного пространства различными элементами заключается в применении скрытого меню, которое располагается в самом верху окна браузера. Небольшая кнопка или ссылка будет указывать пользователю на то, что он может получить дополнительную информацию, щелкнув на ней. При щелчке на кнопке панель будет выдвигаться в поле зрения и задвигаться обратно, когда пользователь уберет с нее указатель.

Поскольку метод toggle в новых версиях jQuery был удален, решил задачу по другому.

Вход
script.js
$(document).ready(function(){
  $('#login form').hide();

  $('#login a').click(function(){
    $(this).toggleClass('active')
    .next('form').slideToggle('fast');
      return false;
  });

  $('#login form :submit').click(function() {
    $(this).parent().prev('a').click();
  });
});