янв
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();
});
});