Side menu transition with easing

Question

Side menu transition with easing

Hello! I want to put an "easing" effect to make more" smooth " the transition of the side menu that collects / expands on my site because when I click the button to collect it only collects in thousandths of a second, with no effect.

Expanded:

Collected:

I made an example of how it looks on this site .

JS:

$("#sidebarToggle, #sidebarToggleTop").on('click', function(e) {
$("body").toggleClass("sidebar-toggled");
$(".sidebar").toggleClass("toggled"); }

CSS:

body.sidebar-toggled footer.sticky-footer {width: 100%;}

1

javascript rolamento css-transições

Author: Roger Windberg, 2019-08-07

Source

1 answers

score 0 · Accepted Answer

On your ul <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar"> put transition: 500ms all; and vc will give an "attenuated" transition in the side bar pickup as vc can see in the image.