Effects
slideDown()
Reveals the matched elements with a sliding down motion.
Example
$(‘.hamburger’).on(‘click’, (e) => {
$(‘#menu’).slideDown();
});
slideUp()
Reveals the matched elements with a sliding up motion.
Example
$(‘.hamburger’).on(‘click’, (e) => {
$(‘#footer-menu).slideUp();
});
slideRight()
Reveals the matched elements with a sliding right motion.
Example
$(‘.hamburger’).on(‘click’, (e) => {
$(‘#side-menu’).slideRight();
});
slideLeft()
Reveals the matched elements with a sliding left motion.
Example
$(‘.hamburger’).on(‘click’, (e) => {
$(‘#side-menu’).slideLeft();
});
slideToggle([ options ])
Reveals / Hides the matched elements with a sliding motion.
- Options (optional):
- Type: Object
- A map of additional options to pass to the method.
- Direction (optional):
- Type: String
- Default: down
- Animation direction.
Example
$(window).on(‘scroll’, () => {
$(‘.sticky-footer’).slideToggle();
}, {enter: ‘1300px’, exit: ‘200px’});