#sidenav-overlay stays active after sideNav('hide')

I’m using the SideNav for the collapsible menu in mobile:

$(".button-collapse").sideNav();
$('.collapsible').collapsible();
$('.button-collapse').sideNav({
    closeOnClick: true
});

The problem is, sometimes, when it hides after a touch on a menu item, the #sidenav-overlay does not go away unless I touch the html element.

I’m not good at jQuery but it looks like the closeOnClick does not hide the #sidenav-overlay.

[ktemo]

@justsayno I did something a little nasty to fix it:

$('div[id^=sidenav-overlay]').remove();

[eladolo]

The problem it´s that your are calling more than once the sideBar method. You can fix it like this:

$(".button-collapse").off("click").sideNav();

The .off("click") will clean the events added for that element an will append the sidebar method only.