I have trouble with using sidenav in new ver mdb 4.0.1 I have copied code from template:

        <!-- SideNav slide-out button -->
<a href="#"><i class="fa fa-bars"></i></a>
<!--/. SideNav slide-out button -->

<!-- Sidebar navigation -->
<ul id="slide-out" class="side-nav fixed admin-side-nav light-side-nav">

    <div class="logo-wrapper">
        <img src="http://0.gravatar.com/avatar/60efa32c26a19f3ed2e42798afb705ba?s=100&d=mm&r=g" />
        <div class="rgba-stylish-strong"><p class="user white-text">Admin<br>
                admin@gmail.com</p></div>
    </div>
    <!--/. Logo -->

    <!-- Side navigation links -->
    <ul class="collapsible collapsible-accordion">
        <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
        <li><a href="#"><i class="fa fa-money"></i> Sales</a></li>
        <li><a href="#"><i class="fa fa-line-chart"></i> Conversion</a></li>
        <li><a href="#"><i class="fa fa-users"></i> Website Traffic</a></li>
        <li><a href="#"><i class="fa fa-search"></i> SEO</a></li>
        <li><a href="#"><i class="fa fa-share-alt"></i> Social</a></li>
    </ul>
    <!--/. Side navigation links -->
</ul>
<!--/. Sidebar navigation -->

and activate it like this: $(".button-collapse").sideNav(); But now working .... something is wrong ...

---