xxxxxxxxxx
1
<!-- Sidenav -->
2
<nav
3
data-mdb-sidenav-init
4
id="sidenav-1"
5
class="sidenav"
6
data-mdb-hidden="false"
7
>
8
<ul class="sidenav-menu">
9
<li class="sidenav-item">
10
<a class="sidenav-link">
11
<i class="far fa-smile fa-fw me-3"></i><span>Link 1</span></a
12
>
13
</li>
14
<li class="sidenav-item">
15
<a class="sidenav-link"
16
><i class="fas fa-grin fa-fw me-3"></i><span>Category 1</span></a
17
>
18
<ul class="sidenav-collapse show">
19
<li class="sidenav-item">
20
<a class="sidenav-link">Link 2</a>
21
</li>
22
<li class="sidenav-item">
23
<a class="sidenav-link">Link 3</a>
24
</li>
25
</ul>
26
</li>
27
<li class="sidenav-item">
28
<a class="sidenav-link"
29
><i class="fas fa-grin-wink fa-fw me-3"></i><span>Category 2</span></a
30
>
31
<ul class="sidenav-collapse">
32
<li class="sidenav-item">
33
<a class="sidenav-link">Link 4</a>
34
</li>
35
<li class="sidenav-item">
36
<a class="sidenav-link"
37
>Link 5</a
38
>
39
</li>
40
</ul>
41
</li>
42
</ul>
43
</nav>
44
<!-- Sidenav -->
45
46
<!-- Toggler -->
47
<button
48
data-mdb-ripple-init
49
data-mdb-toggle="sidenav"
50
data-mdb-target="#sidenav-1"
51
class="btn btn-primary"
52
aria-controls="#sidenav-1"
53
aria-haspopup="true"
54
>
55
<i class="fas fa-bars"></i>
56
</button>
57
<!-- Toggler -->
1
1
xxxxxxxxxx
1
const sidenav = document.getElementById('sidenav-1')
2
const sidenavInstance = mdb.Sidenav.getInstance(sidenav)
3
4
console.log(sidenavInstance.options.mode)
Console errors: 0