I’m using bootstrap 4 for my recent project,
I need to change multi-level dropdown menu chevron icon rotate on a mobile device only when tapping on parent link,
below the code of multi-level dropdown menu,
Thanks
JavaScript
x
13
13
1
$(function() {2
$("ul.dropdown-menu [data-toggle='dropdown']").on("click", function(event) {3
event.preventDefault();4
event.stopPropagation();5
//method 2: remove show from all siblings of all your parents6
$(this).parents('.dropdown-submenu').siblings().find('.show').removeClass("show");7
$(this).siblings().toggleClass("show");8
//collapse all after nav is closed9
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {10
$('.dropdown-submenu .show').removeClass("show");11
});12
});13
});JavaScript
1
40
40
1
.dropdown-submenu {2
position: relative;3
}4
5
.dropdown-submenu>.dropdown-menu {6
top: 0;7
left: 100%;8
}9
10
.dropdown-submenu>a:after {11
font-family: "Font Awesome 5 Free" !important;12
font-weight: 900;13
content: "f054" !important;14
border: none;15
position: absolute;16
right: 10px;17
top: 5px;18
}19
20
.dropdown-menu>li {21
border-bottom: 1px solid rgba(0, 0, 0, 0.05);22
}23
24
.dropdown-menu>li:last-child {25
border-bottom: none;26
}27
28
.dropdown-item.active,29
.dropdown-item:active {30
background-color: #f70000 !important;31
color: #fff !important;32
}33
34
.dropdown-item.dropdown-toggle:hover {35
color: #f70000;36
}37
38
.dropdown-item:hover {39
color: #f70000;40
}JavaScript
1
413
413
1
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />2
3
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet" />4
5
<nav class="navbar sticky-top navbar-expand-lg navbar-light" style="background-color: white;">6
<div class="container">7
<a class="navbar-brand" href="#"></a>8
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">9
<span class="navbar-toggler-icon"></span>10
</button>11
<div class="collapse navbar-collapse" id="navbarSupportedContent">12
<ul class="navbar-nav">13
<li class="nav-item dropdown">14
<a class="nav-link rounded-sm aishles-dropdown" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">15
AISLES16
</a>17
<ul class="dropdown-menu">18
19
<!-- lvl Grocery & Pets dropdown -->20
<li class="dropdown-submenu">21
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Grocery & Pets</a>22
<ul class="dropdown-menu">23
<!-- lvl 2 dropdown -->24
<li class="dropdown-submenu">25
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Fresh Products</a>26
<ul class="dropdown-menu">27
<!-- lvl 3 dropdown -->28
<li><a href="#" class="dropdown-item">Fruits</a></li>29
<li><a href="#" class="dropdown-item">Vegetables</a></li>30
<li><a href="#" class="dropdown-item">Organic Vegetables</a></li>31
<li><a href="#" class="dropdown-item">Meat & Poultry</a></li>32
</ul>33
</li>34
<li class="dropdown-submenu">35
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Frozen</a>36
<ul class="dropdown-menu">37
<!-- lvl 3 dropdown -->38
<li><a href="#" class="dropdown-item">Chicken</a></li>39
<li><a href="#" class="dropdown-item">Bread & Dough</a></li>40
<li><a href="#" class="dropdown-item">Desserts & Toppings</a></li>41
<li><a href="#" class="dropdown-item">Fruits & Vegetables</a></li>42
<li><a href="#" class="dropdown-item">Seafood</a></li>43
<li><a href="#" class="dropdown-item">Fries</a></li>44
</ul>45
</li>46
<li class="dropdown-submenu">47
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Dairy</a>48
<ul class="dropdown-menu">49
<!-- lvl 3 dropdown -->50
<li><a href="#" class="dropdown-item">Food Staples</a></li>51
<li><a href="#" class="dropdown-item">Breakfast</a></li>52
<li><a href="#" class="dropdown-item">Beverages</a></li>53
<li><a href="#" class="dropdown-item">Bread & Bakery</a></li>54
<li><a href="#" class="dropdown-item">Baking & Cooking</a></li>55
<li><a href="#" class="dropdown-item">Chocolates & Snacks</a></li>56
<li><a href="#" class="dropdown-item">Desserts</a></li>57
<li><a href="#" class="dropdown-item">Laundry & Household</a></li>58
<li><a href="#" class="dropdown-item">Candies & Bubble Gum</a></li>59
<li><a href="#" class="dropdown-item">Pet Care</a></li>60
</ul>61
</li>62
<li class="dropdown-submenu">63
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Food Staples</a>64
<ul class="dropdown-menu">65
<!-- lvl 3 dropdown -->66
<li><a href="#" class="dropdown-item">Instant Meals</a></li>67
<li><a href="#" class="dropdown-item">Ready-to-Eat</a></li>68
<li><a href="#" class="dropdown-item">Sauces & Pickles</a></li>69
<li><a href="#" class="dropdown-item">Spices & Recipes</a></li>70
<li><a href="#" class="dropdown-item">Canned & Jarred Food</a></li>71
<li><a href="#" class="dropdown-item">Chocolates & Snacks</a></li>72
<li><a href="#" class="dropdown-item">Noodles & Pasta</a></li>73
<li><a href="#" class="dropdown-item">Laundry & Household</a></li>74
<li><a href="#" class="dropdown-item">Sugar & Salt</a></li>75
<li><a href="#" class="dropdown-item">Pet Care</a></li>76
<li><a href="#" class="dropdown-item">Beans & Pulses</a></li>77
<li><a href="#" class="dropdown-item">Gluten Free</a></li>78
<li><a href="#" class="dropdown-item">Soups & Stocks</a></li>79
<li><a href="#" class="dropdown-item">Honey</a></li>80
</ul>81
</li>82
<li class="dropdown-submenu">83
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Breakfast</a>84
<ul class="dropdown-menu">85
<!-- lvl 3 dropdown -->86
<li><a href="#" class="dropdown-item">Eggs</a></li>87
<li><a href="#" class="dropdown-item">Honey</a></li>88
<li><a href="#" class="dropdown-item">Cereals</a></li>89
<li><a href="#" class="dropdown-item">Muesli</a></li>90
<li><a href="#" class="dropdown-item">Canned & Jarred Food</a></li>91
<li><a href="#" class="dropdown-item">Jams & Spreads</a></li>92
<li><a href="#" class="dropdown-item">Noodles & Pasta</a></li>93
<li><a href="#" class="dropdown-item">Oatmeals & Porridge</a></li>94
</ul>95
</li>96
<li class="dropdown-submenu">97
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Bread & Bakery</a>98
<ul class="dropdown-menu">99
<!-- lvl 3 dropdown -->100
<li><a href="#" class="dropdown-item">Cakes</a></li>101
<li><a href="#" class="dropdown-item">Bread & Buns</a></li>102
<li><a href="#" class="dropdown-item">Wraps & Pittas</a></li>103
</ul>104
</li>105
<li class="dropdown-submenu">106
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Baking & Cooking</a>107
<ul class="dropdown-menu">108
<!-- lvl 3 dropdown -->109
<li><a href="#" class="dropdown-item">Home Baking</a></li>110
<li><a href="#" class="dropdown-item">Flours & Meals</a></li>111
<li><a href="#" class="dropdown-item">Nuts & Seeds</a></li>112
<li><a href="#" class="dropdown-item">Cooking Oil</a></li>113
<li><a href="#" class="dropdown-item">Olive Oil</a></li>114
<li><a href="#" class="dropdown-item">Rice</a></li>115
<li><a href="#" class="dropdown-item">Salad Dressings</a></li>116
</ul>117
</li>118
<li class="dropdown-submenu">119
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Chocolates & Snacks</a>120
<ul class="dropdown-menu">121
<!-- lvl 3 dropdown -->122
<li><a href="#" class="dropdown-item">Snacks</a></li>123
<li><a href="#" class="dropdown-item">Biscuits</a></li>124
<li><a href="#" class="dropdown-item">Wafers</a></li>125
<li><a href="#" class="dropdown-item">Chocolates</a></li>126
<li><a href="#" class="dropdown-item">Popcorn</a></li>127
<li><a href="#" class="dropdown-item">Chips & Crisps</a></li>128
<li><a href="#" class="dropdown-item">Salsas & Dips</a></li>129
<li><a href="#" class="dropdown-item">Panwaari</a></li>130
<li><a href="#" class="dropdown-item">Dry Fruits & Dates</a></li>131
<li><a href="#" class="dropdown-item">Mouth Fresheners</a></li>132
</ul>133
</li>134
<li class="dropdown-submenu">135
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Desserts</a>136
<ul class="dropdown-menu">137
<!-- lvl 3 dropdown -->138
<li><a href="#" class="dropdown-item">Traditional</a></li>139
<li><a href="#" class="dropdown-item">Jelly & Custard</a></li>140
<li><a href="#" class="dropdown-item">Syrups</a></li>141
</ul>142
</li>143
<li class="dropdown-submenu">144
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Laundry & Household</a>145
<ul class="dropdown-menu">146
<!-- lvl 3 dropdown -->147
<li><a href="#" class="dropdown-item">Laundry</a></li>148
<li><a href="#" class="dropdown-item">Shoe Care</a></li>149
<li><a href="#" class="dropdown-item">Air Fresheners</a></li>150
<li><a href="#" class="dropdown-item">Cloths & Dusters</a></li>151
<li><a href="#" class="dropdown-item">Tissue & Toilet Rolls</a></li>152
<li><a href="#" class="dropdown-item">Household Cleaners</a></li>153
<li><a href="#" class="dropdown-item">Repellents & Insecticides</a></li>154
<li><a href="#" class="dropdown-item">Trash Bags</a></li>155
</ul>156
</li>157
<li class="dropdown-submenu">158
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Candies & Bubble Gum</a>159
<ul class="dropdown-menu">160
<!-- lvl 3 dropdown -->161
<li><a href="#" class="dropdown-item">Bubble Gum</a></li>162
<li><a href="#" class="dropdown-item">Candies & Jellies</a></li>163
<li><a href="#" class="dropdown-item">Marshmallows</a></li>164
</ul>165
</li>166
<li class="dropdown-submenu">167
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Pet Care</a>168
<ul class="dropdown-menu">169
<!-- lvl 3 dropdown -->170
<li><a href="#" class="dropdown-item">Dog Food</a></li>171
<li><a href="#" class="dropdown-item">Cat Food</a></li>172
<li><a href="#" class="dropdown-item">Bird Food</a></li>173
<li><a href="#" class="dropdown-item">Litter</a></li>174
<li><a href="#" class="dropdown-item">Pet Grooming</a></li>175
</ul>176
</li>177
</ul>178
</li>179
<!-- End Grocery & Pets -->180
181
<!-- lvl Health & Beauty dropdown -->182
<li class="dropdown-submenu">183
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Health & Beauty</a>184
<ul class="dropdown-menu">185
<!-- lvl 2 dropdown -->186
<li class="dropdown-submenu">187
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Fragrances</a>188
<ul class="dropdown-menu">189
<!-- lvl 3 dropdown -->190
<li><a href="#" class="dropdown-item">Men Perfumes</a></li>191
<li><a href="#" class="dropdown-item">Men Deodorants</a></li>192
<li><a href="#" class="dropdown-item">Women Perfumes</a></li>193
<li><a href="#" class="dropdown-item">Women Deodorants</a></li>194
<li><a href="#" class="dropdown-item">Body Mists</a></li>195
</ul>196
</li>197
<li class="dropdown-submenu">198
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Hair Care</a>199
<ul class="dropdown-menu">200
<!-- lvl 3 dropdown -->201
<li><a href="#" class="dropdown-item">Shampoo & Conditioner</a></li>202
<li><a href="#" class="dropdown-item">Hair Styling</a></li>203
<li><a href="#" class="dropdown-item">Hair Loss Products</a></li>204
<li><a href="#" class="dropdown-item">Hair Color</a></li>205
<li><a href="#" class="dropdown-item">Hair Oils</a></li>206
<li><a href="#" class="dropdown-item">Hair & Scalp Treatments</a></li>207
<li><a href="#" class="dropdown-item">Styling Tools</a></li>208
<li><a href="#" class="dropdown-item">Masks</a></li>209
</ul>210
</li>211
<li class="dropdown-submenu">212
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Makeup</a>213
<ul class="dropdown-menu">214
<!-- lvl 3 dropdown -->215
<li><a href="#" class="dropdown-item">Eyes</a></li>216
<li><a href="#" class="dropdown-item">Lips</a></li>217
<li><a href="#" class="dropdown-item">Face</a></li>218
<li><a href="#" class="dropdown-item">Nails</a></li>219
<li><a href="#" class="dropdown-item">Makeup Removers</a></li>220
<li><a href="#" class="dropdown-item">Tools & Brushes</a></li>221
</ul>222
</li>223
<li class="dropdown-submenu">224
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Skin Care</a>225
<ul class="dropdown-menu">226
<!-- lvl 3 dropdown -->227
<li><a href="#" class="dropdown-item">Creams & Lotions</a></li>228
<li><a href="#" class="dropdown-item">Facial Cleansers</a></li>229
<li><a href="#" class="dropdown-item">Scrubs & Exfoliators</a></li>230
<li><a href="#" class="dropdown-item">Sunscreens</a></li>231
<li><a href="#" class="dropdown-item">Face Wash</a></li>232
<li><a href="#" class="dropdown-item">Anti-Aging Products</a></li>233
<li><a href="#" class="dropdown-item">Treatments & Masks</a></li>234
<li><a href="#" class="dropdown-item">Face Whitening</a></li>235
<li><a href="#" class="dropdown-item">Facial Masks</a></li>236
<li><a href="#" class="dropdown-item">Powders</a></li>237
<li><a href="#" class="dropdown-item">Face Mists</a></li>238
</ul>239
</li>240
<li class="dropdown-submenu">241
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Bath & Body</a>242
<ul class="dropdown-menu">243
<!-- lvl 3 dropdown -->244
<li><a href="#" class="dropdown-item">Hand Wash & Sanitizer</a></li>245
<li><a href="#" class="dropdown-item">Bath and Body Accessories</a></li>246
<li><a href="#" class="dropdown-item">Nursing Products</a></li>247
<li><a href="#" class="dropdown-item">Body Wash & Body Soap</a></li>248
<li><a href="#" class="dropdown-item">Body Oils</a></li>249
<li><a href="#" class="dropdown-item">Shower Gels & Creams</a></li>250
</ul>251
</li>252
<li><a href="#" class="dropdown-item">Eye Care</a></li>253
<li class="dropdown-submenu">254
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Feminine Care</a>255
<ul class="dropdown-menu">256
<!-- lvl 3 dropdown -->257
<li><a href="#" class="dropdown-item">Epilators</a></li>258
<li><a href="#" class="dropdown-item">Tampons</a></li>259
<li><a href="#" class="dropdown-item">Sanitary Napkins</a></li>260
<li><a href="#" class="dropdown-item">Feminine Washes</a></li>261
<li><a href="#" class="dropdown-item">Shaving</a></li>262
</ul>263
</li>264
<li class="dropdown-submenu">265
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Men's Care</a>266
<ul class="dropdown-menu">267
<!-- lvl 3 dropdown -->268
<li><a href="#" class="dropdown-item">Shaving</a></li>269
<li><a href="#" class="dropdown-item">Shavers & Timmers</a></li>270
</ul>271
</li>272
<li class="dropdown-submenu">273
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Personal Care</a>274
<ul class="dropdown-menu">275
<!-- lvl 3 dropdown -->276
<li><a href="#" class="dropdown-item">Lip Care</a></li>277
<li><a href="#" class="dropdown-item">Foot & Hand Care</a></li>278
<li><a href="#" class="dropdown-item">Oral Hygiene</a></li>279
<li><a href="#" class="dropdown-item">Hair Removal</a></li>280
<li><a href="#" class="dropdown-item">Adult Diapers & Wipes</a></li>281
<li><a href="#" class="dropdown-item">Beauty Tools</a></li>282
<li><a href="#" class="dropdown-item">Massagers</a></li>283
<li><a href="#" class="dropdown-item">Ear Care</a></li>284
</ul>285
</li>286
<li class="dropdown-submenu">287
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Sexual Wellness</a>288
<ul class="dropdown-menu">289
<!-- lvl 3 dropdown -->290
<li><a href="#" class="dropdown-item">Condoms</a></li>291
<li><a href="#" class="dropdown-item">Lubricants & Gels</a></li>292
</ul>293
</li>294
</ul>295
</li>296
<!-- End Health & Beauty -->297
298
<!-- lvl Phones & Tablets dropdown -->299
<li class="dropdown-submenu">300
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Phones & Tablets</a>301
<ul class="dropdown-menu">302
<!-- lvl 2 dropdown -->303
<li><a href="#" class="dropdown-item">Smartphones</a></li>304
<li><a href="#" class="dropdown-item">Tablets</a></li>305
<li><a href="#" class="dropdown-item">Chargers & Cables</a></li>306
<li><a href="#" class="dropdown-item">Power Banks</a></li>307
<li><a href="#" class="dropdown-item">Handsfree & Handset</a></li>308
<li class="dropdown-submenu">309
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Landline Phones</a>310
<ul class="dropdown-menu">311
<!-- lvl 3 dropdown -->312
<li><a href="#" class="dropdown-item">Corded</a></li>313
<li><a href="#" class="dropdown-item">Cordless</a></li>314
</ul>315
</li>316
</ul>317
</li>318
<!-- End Phones & Tablets -->319
320
<!-- lvl Electronic Accessories dropdown -->321
<li class="dropdown-submenu">322
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Electronic Accessories</a>323
<ul class="dropdown-menu">324
<!-- lvl 2 dropdown -->325
<li class="dropdown-submenu">326
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Audio</a>327
<ul class="dropdown-menu">328
<!-- lvl 3 dropdown -->329
<li><a href="#" class="dropdown-item">Headphones & Headsets</a></li>330
<li><a href="#" class="dropdown-item">Speakers</a></li>331
</ul>332
</li>333
<li><a href="#" class="dropdown-item">Batteries & Chargers</a></li>334
<li><a href="#" class="dropdown-item">Light Bulbs & Lamps</a></li>335
</ul>336
</li>337
<!-- End Electronic Accessories -->338
339
<!-- lvl TV & Home Appliances dropdown -->340
<li class="dropdown-submenu">341
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">TV & Home Appliances</a>342
<ul class="dropdown-menu">343
<!-- lvl 2 dropdown -->344
<li class="dropdown-submenu">345
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Video</a>346
<ul class="dropdown-menu">347
<!-- lvl 3 dropdown -->348
<li><a href="#" class="dropdown-item">Streaming Players</a></li>349
<li><a href="#" class="dropdown-item">LCD & LED Televisions</a></li>350
</ul>351
</li>352
<li class="dropdown-submenu">353
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Kitchen Appliances</a>354
<ul class="dropdown-menu">355
<!-- lvl 3 dropdown -->356
<li><a href="#" class="dropdown-item">Juicers</a></li>357
<li><a href="#" class="dropdown-item">Toasters</a></li>358
<li><a href="#" class="dropdown-item">Coffee & Tea</a></li>359
<li><a href="#" class="dropdown-item">Microwave & Ovens</a></li>360
<li><a href="#" class="dropdown-item">Blenders & Mixers</a></li>361
<li><a href="#" class="dropdown-item">Dispensers & Purifiers</a></li>362
<li><a href="#" class="dropdown-item">Cooking & Baking</a></li>363
</ul>364
</li>365
<li><a href="#" class="dropdown-item">Iron & Steamers</a></li>366
<li><a href="#" class="dropdown-item">Household Cleaners</a></li>367
<li><a href="#" class="dropdown-item">Air Purifiers</a></li>368
</ul>369
</li>370
<!-- End TV & Home Appliances -->371
372
<!-- lvl Computing & Gaming dropdown -->373
<li class="dropdown-submenu">374
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Computing & Gaming</a>375
<ul class="dropdown-menu">376
<!-- lvl 2 dropdown -->377
<li class="dropdown-submenu">378
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Games</a>379
<ul class="dropdown-menu">380
<!-- lvl 3 dropdown -->381
<li><a href="#" class="dropdown-item">Xbox</a></li>382
<li><a href="#" class="dropdown-item">Nintendo</a></li>383
<li><a href="#" class="dropdown-item">PlayStation</a></li>384
</ul>385
</li>386
<li><a href="#" class="dropdown-item">Laptops</a></li>387
<li><a href="#" class="dropdown-item">Consoles & Accessories</a></li>388
<li class="dropdown-submenu">389
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Peripherals & Accessories</a>390
<ul class="dropdown-menu">391
<!-- lvl 3 dropdown -->392
<li><a href="#" class="dropdown-item">Laptop Bags & Sleeves</a></li>393
<li><a href="#" class="dropdown-item">Printers</a></li>394
<li><a href="#" class="dropdown-item">Memory Cards</a></li>395
<li><a href="#" class="dropdown-item">USB Drives</a></li>396
<li><a href="#" class="dropdown-item">Hard Drives</a></li>397
<li><a href="#" class="dropdown-item">Networking</a></li>398
<li><a href="#" class="dropdown-item">Keyboards</a></li>399
</ul>400
</li>401
</ul>402
</li>403
<!-- End Computing & Gaming -->404
</ul>405
</li>406
</ul>407
</div>408
</div>409
</nav>410
411
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>412
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>413
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>I use bootstrap 4 for a project,
by default dropdown menu not change chevron icon rotation,
just need to change the chevron icon on a mobile devices when tapping on the link.
Thanks
Advertisement
Answer
Here is the solution. add below CSS and JS to achieve your goal.
CSS
JavaScript
1
4
1
.dropdown-rotate::after {2
transform: rotate(90deg);3
}4
JS
JavaScript
1
4
1
$('.dropdown-toggle').on('click', function (e) {2
e.target.classList.toggle('dropdown-rotate');3
});4
JavaScript
1
17
17
1
$(function() {2
$("ul.dropdown-menu [data-toggle='dropdown']").on("click", function(event) {3
event.preventDefault();4
event.stopPropagation();5
//method 2: remove show from all siblings of all your parents6
$(this).parents('.dropdown-submenu').siblings().find('.show').removeClass("show");7
$(this).siblings().toggleClass("show");8
//collapse all after nav is closed9
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {10
$('.dropdown-submenu .show').removeClass("show");11
});12
});13
});14
15
$('.dropdown-toggle').on('click', function (e) {16
e.target.classList.toggle('dropdown-rotate');17
});JavaScript
1
44
44
1
.dropdown-submenu {2
position: relative;3
}4
5
.dropdown-submenu>.dropdown-menu {6
top: 0;7
left: 100%;8
}9
10
.dropdown-submenu>a:after {11
font-family: "Font Awesome 5 Free" !important;12
font-weight: 900;13
content: "f054" !important;14
border: none;15
position: absolute;16
right: 10px;17
top: 5px;18
}19
20
.dropdown-menu>li {21
border-bottom: 1px solid rgba(0, 0, 0, 0.05);22
}23
24
.dropdown-menu>li:last-child {25
border-bottom: none;26
}27
28
.dropdown-item.active,29
.dropdown-item:active {30
background-color: #f70000 !important;31
color: #fff !important;32
}33
34
.dropdown-item.dropdown-toggle:hover {35
color: #f70000;36
}37
38
.dropdown-item:hover {39
color: #f70000;40
}41
42
.dropdown-rotate::after {43
transform: rotate(90deg);44
}JavaScript
1
413
413
1
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />2
3
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet" />4
5
<nav class="navbar sticky-top navbar-expand-lg navbar-light" style="background-color: white;">6
<div class="container">7
<a class="navbar-brand" href="#"></a>8
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">9
<span class="navbar-toggler-icon"></span>10
</button>11
<div class="collapse navbar-collapse" id="navbarSupportedContent">12
<ul class="navbar-nav">13
<li class="nav-item dropdown">14
<a class="nav-link rounded-sm aishles-dropdown" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">15
AISLES16
</a>17
<ul class="dropdown-menu">18
19
<!-- lvl Grocery & Pets dropdown -->20
<li class="dropdown-submenu">21
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Grocery & Pets</a>22
<ul class="dropdown-menu">23
<!-- lvl 2 dropdown -->24
<li class="dropdown-submenu">25
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Fresh Products</a>26
<ul class="dropdown-menu">27
<!-- lvl 3 dropdown -->28
<li><a href="#" class="dropdown-item">Fruits</a></li>29
<li><a href="#" class="dropdown-item">Vegetables</a></li>30
<li><a href="#" class="dropdown-item">Organic Vegetables</a></li>31
<li><a href="#" class="dropdown-item">Meat & Poultry</a></li>32
</ul>33
</li>34
<li class="dropdown-submenu">35
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Frozen</a>36
<ul class="dropdown-menu">37
<!-- lvl 3 dropdown -->38
<li><a href="#" class="dropdown-item">Chicken</a></li>39
<li><a href="#" class="dropdown-item">Bread & Dough</a></li>40
<li><a href="#" class="dropdown-item">Desserts & Toppings</a></li>41
<li><a href="#" class="dropdown-item">Fruits & Vegetables</a></li>42
<li><a href="#" class="dropdown-item">Seafood</a></li>43
<li><a href="#" class="dropdown-item">Fries</a></li>44
</ul>45
</li>46
<li class="dropdown-submenu">47
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Dairy</a>48
<ul class="dropdown-menu">49
<!-- lvl 3 dropdown -->50
<li><a href="#" class="dropdown-item">Food Staples</a></li>51
<li><a href="#" class="dropdown-item">Breakfast</a></li>52
<li><a href="#" class="dropdown-item">Beverages</a></li>53
<li><a href="#" class="dropdown-item">Bread & Bakery</a></li>54
<li><a href="#" class="dropdown-item">Baking & Cooking</a></li>55
<li><a href="#" class="dropdown-item">Chocolates & Snacks</a></li>56
<li><a href="#" class="dropdown-item">Desserts</a></li>57
<li><a href="#" class="dropdown-item">Laundry & Household</a></li>58
<li><a href="#" class="dropdown-item">Candies & Bubble Gum</a></li>59
<li><a href="#" class="dropdown-item">Pet Care</a></li>60
</ul>61
</li>62
<li class="dropdown-submenu">63
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Food Staples</a>64
<ul class="dropdown-menu">65
<!-- lvl 3 dropdown -->66
<li><a href="#" class="dropdown-item">Instant Meals</a></li>67
<li><a href="#" class="dropdown-item">Ready-to-Eat</a></li>68
<li><a href="#" class="dropdown-item">Sauces & Pickles</a></li>69
<li><a href="#" class="dropdown-item">Spices & Recipes</a></li>70
<li><a href="#" class="dropdown-item">Canned & Jarred Food</a></li>71
<li><a href="#" class="dropdown-item">Chocolates & Snacks</a></li>72
<li><a href="#" class="dropdown-item">Noodles & Pasta</a></li>73
<li><a href="#" class="dropdown-item">Laundry & Household</a></li>74
<li><a href="#" class="dropdown-item">Sugar & Salt</a></li>75
<li><a href="#" class="dropdown-item">Pet Care</a></li>76
<li><a href="#" class="dropdown-item">Beans & Pulses</a></li>77
<li><a href="#" class="dropdown-item">Gluten Free</a></li>78
<li><a href="#" class="dropdown-item">Soups & Stocks</a></li>79
<li><a href="#" class="dropdown-item">Honey</a></li>80
</ul>81
</li>82
<li class="dropdown-submenu">83
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Breakfast</a>84
<ul class="dropdown-menu">85
<!-- lvl 3 dropdown -->86
<li><a href="#" class="dropdown-item">Eggs</a></li>87
<li><a href="#" class="dropdown-item">Honey</a></li>88
<li><a href="#" class="dropdown-item">Cereals</a></li>89
<li><a href="#" class="dropdown-item">Muesli</a></li>90
<li><a href="#" class="dropdown-item">Canned & Jarred Food</a></li>91
<li><a href="#" class="dropdown-item">Jams & Spreads</a></li>92
<li><a href="#" class="dropdown-item">Noodles & Pasta</a></li>93
<li><a href="#" class="dropdown-item">Oatmeals & Porridge</a></li>94
</ul>95
</li>96
<li class="dropdown-submenu">97
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Bread & Bakery</a>98
<ul class="dropdown-menu">99
<!-- lvl 3 dropdown -->100
<li><a href="#" class="dropdown-item">Cakes</a></li>101
<li><a href="#" class="dropdown-item">Bread & Buns</a></li>102
<li><a href="#" class="dropdown-item">Wraps & Pittas</a></li>103
</ul>104
</li>105
<li class="dropdown-submenu">106
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Baking & Cooking</a>107
<ul class="dropdown-menu">108
<!-- lvl 3 dropdown -->109
<li><a href="#" class="dropdown-item">Home Baking</a></li>110
<li><a href="#" class="dropdown-item">Flours & Meals</a></li>111
<li><a href="#" class="dropdown-item">Nuts & Seeds</a></li>112
<li><a href="#" class="dropdown-item">Cooking Oil</a></li>113
<li><a href="#" class="dropdown-item">Olive Oil</a></li>114
<li><a href="#" class="dropdown-item">Rice</a></li>115
<li><a href="#" class="dropdown-item">Salad Dressings</a></li>116
</ul>117
</li>118
<li class="dropdown-submenu">119
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Chocolates & Snacks</a>120
<ul class="dropdown-menu">121
<!-- lvl 3 dropdown -->122
<li><a href="#" class="dropdown-item">Snacks</a></li>123
<li><a href="#" class="dropdown-item">Biscuits</a></li>124
<li><a href="#" class="dropdown-item">Wafers</a></li>125
<li><a href="#" class="dropdown-item">Chocolates</a></li>126
<li><a href="#" class="dropdown-item">Popcorn</a></li>127
<li><a href="#" class="dropdown-item">Chips & Crisps</a></li>128
<li><a href="#" class="dropdown-item">Salsas & Dips</a></li>129
<li><a href="#" class="dropdown-item">Panwaari</a></li>130
<li><a href="#" class="dropdown-item">Dry Fruits & Dates</a></li>131
<li><a href="#" class="dropdown-item">Mouth Fresheners</a></li>132
</ul>133
</li>134
<li class="dropdown-submenu">135
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Desserts</a>136
<ul class="dropdown-menu">137
<!-- lvl 3 dropdown -->138
<li><a href="#" class="dropdown-item">Traditional</a></li>139
<li><a href="#" class="dropdown-item">Jelly & Custard</a></li>140
<li><a href="#" class="dropdown-item">Syrups</a></li>141
</ul>142
</li>143
<li class="dropdown-submenu">144
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Laundry & Household</a>145
<ul class="dropdown-menu">146
<!-- lvl 3 dropdown -->147
<li><a href="#" class="dropdown-item">Laundry</a></li>148
<li><a href="#" class="dropdown-item">Shoe Care</a></li>149
<li><a href="#" class="dropdown-item">Air Fresheners</a></li>150
<li><a href="#" class="dropdown-item">Cloths & Dusters</a></li>151
<li><a href="#" class="dropdown-item">Tissue & Toilet Rolls</a></li>152
<li><a href="#" class="dropdown-item">Household Cleaners</a></li>153
<li><a href="#" class="dropdown-item">Repellents & Insecticides</a></li>154
<li><a href="#" class="dropdown-item">Trash Bags</a></li>155
</ul>156
</li>157
<li class="dropdown-submenu">158
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Candies & Bubble Gum</a>159
<ul class="dropdown-menu">160
<!-- lvl 3 dropdown -->161
<li><a href="#" class="dropdown-item">Bubble Gum</a></li>162
<li><a href="#" class="dropdown-item">Candies & Jellies</a></li>163
<li><a href="#" class="dropdown-item">Marshmallows</a></li>164
</ul>165
</li>166
<li class="dropdown-submenu">167
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Pet Care</a>168
<ul class="dropdown-menu">169
<!-- lvl 3 dropdown -->170
<li><a href="#" class="dropdown-item">Dog Food</a></li>171
<li><a href="#" class="dropdown-item">Cat Food</a></li>172
<li><a href="#" class="dropdown-item">Bird Food</a></li>173
<li><a href="#" class="dropdown-item">Litter</a></li>174
<li><a href="#" class="dropdown-item">Pet Grooming</a></li>175
</ul>176
</li>177
</ul>178
</li>179
<!-- End Grocery & Pets -->180
181
<!-- lvl Health & Beauty dropdown -->182
<li class="dropdown-submenu">183
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Health & Beauty</a>184
<ul class="dropdown-menu">185
<!-- lvl 2 dropdown -->186
<li class="dropdown-submenu">187
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Fragrances</a>188
<ul class="dropdown-menu">189
<!-- lvl 3 dropdown -->190
<li><a href="#" class="dropdown-item">Men Perfumes</a></li>191
<li><a href="#" class="dropdown-item">Men Deodorants</a></li>192
<li><a href="#" class="dropdown-item">Women Perfumes</a></li>193
<li><a href="#" class="dropdown-item">Women Deodorants</a></li>194
<li><a href="#" class="dropdown-item">Body Mists</a></li>195
</ul>196
</li>197
<li class="dropdown-submenu">198
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Hair Care</a>199
<ul class="dropdown-menu">200
<!-- lvl 3 dropdown -->201
<li><a href="#" class="dropdown-item">Shampoo & Conditioner</a></li>202
<li><a href="#" class="dropdown-item">Hair Styling</a></li>203
<li><a href="#" class="dropdown-item">Hair Loss Products</a></li>204
<li><a href="#" class="dropdown-item">Hair Color</a></li>205
<li><a href="#" class="dropdown-item">Hair Oils</a></li>206
<li><a href="#" class="dropdown-item">Hair & Scalp Treatments</a></li>207
<li><a href="#" class="dropdown-item">Styling Tools</a></li>208
<li><a href="#" class="dropdown-item">Masks</a></li>209
</ul>210
</li>211
<li class="dropdown-submenu">212
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Makeup</a>213
<ul class="dropdown-menu">214
<!-- lvl 3 dropdown -->215
<li><a href="#" class="dropdown-item">Eyes</a></li>216
<li><a href="#" class="dropdown-item">Lips</a></li>217
<li><a href="#" class="dropdown-item">Face</a></li>218
<li><a href="#" class="dropdown-item">Nails</a></li>219
<li><a href="#" class="dropdown-item">Makeup Removers</a></li>220
<li><a href="#" class="dropdown-item">Tools & Brushes</a></li>221
</ul>222
</li>223
<li class="dropdown-submenu">224
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Skin Care</a>225
<ul class="dropdown-menu">226
<!-- lvl 3 dropdown -->227
<li><a href="#" class="dropdown-item">Creams & Lotions</a></li>228
<li><a href="#" class="dropdown-item">Facial Cleansers</a></li>229
<li><a href="#" class="dropdown-item">Scrubs & Exfoliators</a></li>230
<li><a href="#" class="dropdown-item">Sunscreens</a></li>231
<li><a href="#" class="dropdown-item">Face Wash</a></li>232
<li><a href="#" class="dropdown-item">Anti-Aging Products</a></li>233
<li><a href="#" class="dropdown-item">Treatments & Masks</a></li>234
<li><a href="#" class="dropdown-item">Face Whitening</a></li>235
<li><a href="#" class="dropdown-item">Facial Masks</a></li>236
<li><a href="#" class="dropdown-item">Powders</a></li>237
<li><a href="#" class="dropdown-item">Face Mists</a></li>238
</ul>239
</li>240
<li class="dropdown-submenu">241
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Bath & Body</a>242
<ul class="dropdown-menu">243
<!-- lvl 3 dropdown -->244
<li><a href="#" class="dropdown-item">Hand Wash & Sanitizer</a></li>245
<li><a href="#" class="dropdown-item">Bath and Body Accessories</a></li>246
<li><a href="#" class="dropdown-item">Nursing Products</a></li>247
<li><a href="#" class="dropdown-item">Body Wash & Body Soap</a></li>248
<li><a href="#" class="dropdown-item">Body Oils</a></li>249
<li><a href="#" class="dropdown-item">Shower Gels & Creams</a></li>250
</ul>251
</li>252
<li><a href="#" class="dropdown-item">Eye Care</a></li>253
<li class="dropdown-submenu">254
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Feminine Care</a>255
<ul class="dropdown-menu">256
<!-- lvl 3 dropdown -->257
<li><a href="#" class="dropdown-item">Epilators</a></li>258
<li><a href="#" class="dropdown-item">Tampons</a></li>259
<li><a href="#" class="dropdown-item">Sanitary Napkins</a></li>260
<li><a href="#" class="dropdown-item">Feminine Washes</a></li>261
<li><a href="#" class="dropdown-item">Shaving</a></li>262
</ul>263
</li>264
<li class="dropdown-submenu">265
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Men's Care</a>266
<ul class="dropdown-menu">267
<!-- lvl 3 dropdown -->268
<li><a href="#" class="dropdown-item">Shaving</a></li>269
<li><a href="#" class="dropdown-item">Shavers & Timmers</a></li>270
</ul>271
</li>272
<li class="dropdown-submenu">273
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Personal Care</a>274
<ul class="dropdown-menu">275
<!-- lvl 3 dropdown -->276
<li><a href="#" class="dropdown-item">Lip Care</a></li>277
<li><a href="#" class="dropdown-item">Foot & Hand Care</a></li>278
<li><a href="#" class="dropdown-item">Oral Hygiene</a></li>279
<li><a href="#" class="dropdown-item">Hair Removal</a></li>280
<li><a href="#" class="dropdown-item">Adult Diapers & Wipes</a></li>281
<li><a href="#" class="dropdown-item">Beauty Tools</a></li>282
<li><a href="#" class="dropdown-item">Massagers</a></li>283
<li><a href="#" class="dropdown-item">Ear Care</a></li>284
</ul>285
</li>286
<li class="dropdown-submenu">287
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Sexual Wellness</a>288
<ul class="dropdown-menu">289
<!-- lvl 3 dropdown -->290
<li><a href="#" class="dropdown-item">Condoms</a></li>291
<li><a href="#" class="dropdown-item">Lubricants & Gels</a></li>292
</ul>293
</li>294
</ul>295
</li>296
<!-- End Health & Beauty -->297
298
<!-- lvl Phones & Tablets dropdown -->299
<li class="dropdown-submenu">300
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Phones & Tablets</a>301
<ul class="dropdown-menu">302
<!-- lvl 2 dropdown -->303
<li><a href="#" class="dropdown-item">Smartphones</a></li>304
<li><a href="#" class="dropdown-item">Tablets</a></li>305
<li><a href="#" class="dropdown-item">Chargers & Cables</a></li>306
<li><a href="#" class="dropdown-item">Power Banks</a></li>307
<li><a href="#" class="dropdown-item">Handsfree & Handset</a></li>308
<li class="dropdown-submenu">309
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Landline Phones</a>310
<ul class="dropdown-menu">311
<!-- lvl 3 dropdown -->312
<li><a href="#" class="dropdown-item">Corded</a></li>313
<li><a href="#" class="dropdown-item">Cordless</a></li>314
</ul>315
</li>316
</ul>317
</li>318
<!-- End Phones & Tablets -->319
320
<!-- lvl Electronic Accessories dropdown -->321
<li class="dropdown-submenu">322
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Electronic Accessories</a>323
<ul class="dropdown-menu">324
<!-- lvl 2 dropdown -->325
<li class="dropdown-submenu">326
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Audio</a>327
<ul class="dropdown-menu">328
<!-- lvl 3 dropdown -->329
<li><a href="#" class="dropdown-item">Headphones & Headsets</a></li>330
<li><a href="#" class="dropdown-item">Speakers</a></li>331
</ul>332
</li>333
<li><a href="#" class="dropdown-item">Batteries & Chargers</a></li>334
<li><a href="#" class="dropdown-item">Light Bulbs & Lamps</a></li>335
</ul>336
</li>337
<!-- End Electronic Accessories -->338
339
<!-- lvl TV & Home Appliances dropdown -->340
<li class="dropdown-submenu">341
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">TV & Home Appliances</a>342
<ul class="dropdown-menu">343
<!-- lvl 2 dropdown -->344
<li class="dropdown-submenu">345
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Video</a>346
<ul class="dropdown-menu">347
<!-- lvl 3 dropdown -->348
<li><a href="#" class="dropdown-item">Streaming Players</a></li>349
<li><a href="#" class="dropdown-item">LCD & LED Televisions</a></li>350
</ul>351
</li>352
<li class="dropdown-submenu">353
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Kitchen Appliances</a>354
<ul class="dropdown-menu">355
<!-- lvl 3 dropdown -->356
<li><a href="#" class="dropdown-item">Juicers</a></li>357
<li><a href="#" class="dropdown-item">Toasters</a></li>358
<li><a href="#" class="dropdown-item">Coffee & Tea</a></li>359
<li><a href="#" class="dropdown-item">Microwave & Ovens</a></li>360
<li><a href="#" class="dropdown-item">Blenders & Mixers</a></li>361
<li><a href="#" class="dropdown-item">Dispensers & Purifiers</a></li>362
<li><a href="#" class="dropdown-item">Cooking & Baking</a></li>363
</ul>364
</li>365
<li><a href="#" class="dropdown-item">Iron & Steamers</a></li>366
<li><a href="#" class="dropdown-item">Household Cleaners</a></li>367
<li><a href="#" class="dropdown-item">Air Purifiers</a></li>368
</ul>369
</li>370
<!-- End TV & Home Appliances -->371
372
<!-- lvl Computing & Gaming dropdown -->373
<li class="dropdown-submenu">374
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Computing & Gaming</a>375
<ul class="dropdown-menu">376
<!-- lvl 2 dropdown -->377
<li class="dropdown-submenu">378
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Games</a>379
<ul class="dropdown-menu">380
<!-- lvl 3 dropdown -->381
<li><a href="#" class="dropdown-item">Xbox</a></li>382
<li><a href="#" class="dropdown-item">Nintendo</a></li>383
<li><a href="#" class="dropdown-item">PlayStation</a></li>384
</ul>385
</li>386
<li><a href="#" class="dropdown-item">Laptops</a></li>387
<li><a href="#" class="dropdown-item">Consoles & Accessories</a></li>388
<li class="dropdown-submenu">389
<a href="#" role="button" data-toggle="dropdown" class="dropdown-item dropdown-toggle">Peripherals & Accessories</a>390
<ul class="dropdown-menu">391
<!-- lvl 3 dropdown -->392
<li><a href="#" class="dropdown-item">Laptop Bags & Sleeves</a></li>393
<li><a href="#" class="dropdown-item">Printers</a></li>394
<li><a href="#" class="dropdown-item">Memory Cards</a></li>395
<li><a href="#" class="dropdown-item">USB Drives</a></li>396
<li><a href="#" class="dropdown-item">Hard Drives</a></li>397
<li><a href="#" class="dropdown-item">Networking</a></li>398
<li><a href="#" class="dropdown-item">Keyboards</a></li>399
</ul>400
</li>401
</ul>402
</li>403
<!-- End Computing & Gaming -->404
</ul>405
</li>406
</ul>407
</div>408
</div>409
</nav>410
411
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>412
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>413
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>