Hi,

Im trying to customize some operations with closing/opening SideNav menu, using declared on https://mdbootstrap.com/docs/jquery/navigation/sidenav/ jquery methods:

case 1. I want to show SideNav by default after page loaded, by such a code:

$(document).ready(function() {
  $('.button-collapse').sideNav({showOverlay: false}, 'show');
});

but SideNav does not appear.

case 2. Im trying to open SideNav by clicking exact page element using this:

<div onclick="openNav()">
        [CUSTOM OPEN]
</div>
...
function openNav() {
  $('.button-collapse').sideNav({showOverlay: false}, 'show');
}

but clicking does not show SideNav.

case 3. I need to close SideNav by clicking on any place of a page content, but do not want to use shadowed and content blocking overlay. Trying to get it by such a code:

<main  onclick="closeNav()">
...    
function closeNav() {
  $('.button-collapse').sideNav({showOverlay: false, timeDurationClose: 200}, 'hide');
}

this code closes SideNav successfully, but - very quickly, without animation indicated by timeDurationClose value.

Please help me with these three cases.

My snipped on https://mdbootstrap.com/snippets/jquery/vitaly_z/1662753#!