xxxxxxxxxx1
<!-- SideNav slide-out button -->2
<a href="#" data-activates="slide-out" class="btn btn-primary p-3 button-collapse"><i class="fas fa-bars"></i></a>3
4
<!-- Sidebar navigation -->5
<div id="slide-out" class="side-nav fixed">6
<ul class="custom-scrollbar">7
<!-- Logo -->8
<li>9
<div class="logo-wrapper waves-light">10
<a href="#"><img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" class="img-fluid flex-center"></a>11
</div>12
</li>13
<!--/. Logo -->14
<!--Social-->15
<li>16
<ul class="social">17
<li><a href="#" class="icons-sm fb-ic"><i class="fab fa-facebook-f"> </i></a></li>18
<li><a href="#" class="icons-sm pin-ic"><i class="fab fa-pinterest"> </i></a></li>19
<li><a href="#" class="icons-sm gplus-ic"><i class="fab fa-google-plus-g"> </i></a></li>20
<li><a href="#" class="icons-sm tw-ic"><i class="fab fa-twitter"> </i></a></li>21
</ul>22
</li>23
<!--/Social-->24
<!--Search Form-->25
<li>26
<form class="search-form" role="search">27
<div class="form-group md-form mt-0 pt-1 waves-light">28
<input type="text" class="form-control" placeholder="Search">29
</div>30
</form>31
</li>32
<!--/.Search Form-->33
<!-- Side navigation links -->34
<li>35
<ul class="collapsible collapsible-accordion">36
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-chevron-right"></i> Submit37
blog<i class="fas fa-angle-down rotate-icon"></i></a>38
<div class="collapsible-body">39
<ul>40
<li><a href="#" class="waves-effect">Submit listing</a>41
</li>42
<li><a href="#" class="waves-effect">Registration form</a>43
</li>44
</ul>45
</div>46
</li>47
<li><a class="collapsible-header waves-effect arrow-r"><i class="far fa-hand-pointer"></i>48
Instruction<i class="fas fa-angle-down rotate-icon"></i></a>49
<div class="collapsible-body">50
<ul>51
<li><a href="#" class="waves-effect">For bloggers</a>52
</li>53
<li><a href="#" class="waves-effect">For authors</a>54
</li>55
</ul>56
</div>57
</li>58
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-eye"></i> About<i59
class="fas fa-angle-down rotate-icon"></i></a>60
<div class="collapsible-body">61
<ul>62
<li><a href="#" class="waves-effect">Introduction</a>63
</li>64
<li><a href="#" class="waves-effect">Monthly meetings</a>65
</li>66
</ul>67
</div>68
</li>69
<li><a class="collapsible-header waves-effect arrow-r"><i class="far fa-envelope"></i> Contact me<i70
class="fas fa-angle-down rotate-icon"></i></a>71
<div class="collapsible-body">72
<ul>73
<li><a href="#" class="waves-effect">FAQ</a>74
</li>75
<li><a href="#" class="waves-effect">Write a message</a>76
</li>77
<li><a href="#" class="waves-effect">FAQ</a>78
</li>79
<li><a href="#" class="waves-effect">Write a message</a>80
</li>81
<li><a href="#" class="waves-effect">FAQ</a>82
</li>83
<li><a href="#" class="waves-effect">Write a message</a>84
</li>85
<li><a href="#" class="waves-effect">FAQ</a>86
</li>87
<li><a href="#" class="waves-effect">Write a message</a>88
</li>89
</ul>90
</div>91
</li>92
</ul>93
</li>94
<!--/. Side navigation links -->95
</ul>96
<div class="sidenav-bg rgba-blue-strong"></div>97
</div>98
<!--/. Sidebar navigation -->1
1
xxxxxxxxxx1
$(document).ready(function () {2
// SideNav Button Initialization3
$(".button-collapse").sideNav({4
closeOnClick: true5
});6
// SideNav Scrollbar Initialization7
var sideNavScrollbar = document.querySelector('.custom-scrollbar');8
var ps = new PerfectScrollbar(sideNavScrollbar);9
}); Console errors: 0