slideToggle()
82
посл. ред.
28.10.2016
Метод slideToggle()
скрывает или показывает на странице элементы текущей выборки в зависимости от их текущего состояния. Для скрытых элементов (со свойством display: none
) выполняется метод slideDown()
. Для остальных элементов выполняется метод slideUp()
.
Анимация скрытия/появления элементов выполняется за счёт плавного изменения высоты элементов (свойство height
).
Если элемент был скрыт средствами jQuery, тогда после отображения с помощью метода slideToggle()
свойство display
получит прежнее значение.
Параметры анимации задаются в виде объекта. Параметры duration
, easing
и complete
можно задать отдельными аргументами.
Варианты использования
jQ_object.slideToggle([duration][, easing][, complete]) => jQuery
- Выполняет анимацию скрытия/появления элементов выборки изменением высоты.
jQ_object.slideToggle(опции) => jQuery
- Выполняет анимацию скрытия/появления элементов выборки изменением высоты с учётом указанного объекта опций (параметров анимации).
Примеры
<html> <head> <title>Анимация в jQuery</title> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> <button>slideToggle</button> <div style="width: 200px; height: 200px; background: coral"></div> </body> </html> <script> $('button').on('click', function() { $('div').slideToggle(1000, function() { alert('Анимация завершена'); }); }); </script>