html5 - 2nd Navigation-Level in Bootstrap NavBar isn't toggling -
having boostrap 3 navigation-bar, in want have second navigation-level. clicking menu-topic "luxury glasses" showing catgeories "correctional" , "sun", clicking should toggle brands in navigation. here html:
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color:white;">brillen</a> <ul class="dropdown-menu multi-level"> <li><a href="https://brillenchic-onlineshop.de/de/korrektionsbrillen/barton-perreira/">barton perreira</a></li> <li><a href="https://brillenchic-onlineshop.de/de/korrektionsbrillen/braun-classics/">braun classics</a></li> <li><a href="https://brillenchic-onlineshop.de/de/korrektionsbrillen/freigeist/">freigeist</a></li> <li><a href="https://brillenchic-onlineshop.de/de/korrektionsbrillen/imago/">imago</a></li> <li><a href="https://brillenchic-onlineshop.de/de/korrektionsbrillen/lindberg/">lindberg</a></li> <li><a href="https://brillenchic-onlineshop.de/de/korrektionsbrillen/lunor/">lunor</a></li> <li><a href="https://brillenchic-onlineshop.de/de/korrektionsbrillen/oliver-peoples/">oliver peoples</a></li> </ul> </li> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color:white;">sonnenbrillen</a> <ul class="dropdown-menu multi-level"> <li><a href="https://brillenchic-onlineshop.de/de/sonnenbrillen/barton-perreira-sonnenbrillen/">barton perreira</a></li> <li><a href="https://brillenchic-onlineshop.de/de/sonnenbrillen/lindberg-sonnenbrillen/">lindberg</a></li> <li><a href="https://brillenchic-onlineshop.de/de/sonnenbrillen/ray-ban-sonnenbrillen/">ray ban</a></li> </ul> </li> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color:white;">luxusbrillen</a> <ul class="dropdown-menu multi-level"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">korrektur</a> <!-- 2. menÜ-ebene --> <ul class="dropdown-menu multi-level"> <li><a href="https://brillenchic-onlineshop.de/de/luxusbrillen-chanel-dior-jimmy-choo/luxus-korrektionsbrillen/celine/">cÉline</a></li> <li><a href="https://brillenchic-onlineshop.de/de/luxusbrillen-chanel-dior-jimmy-choo/luxus-korrektionsbrillen/chanel-brillen/">chanel</a></li> <li><a href="https://brillenchic-onlineshop.de/de/luxusbrillen-chanel-dior-jimmy-choo/luxus-korrektionsbrillen/dior/">dior</a></li> </ul> </li> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">sonne</a> <!-- 2. menÜ-ebene --> <ul class="dropdown-menu multi-level"> <li><a href="https://brillenchic-onlineshop.de/de/luxusbrillen-chanel-dior-jimmy-choo/luxus-sonnenbrillen/celine-sonnenbrillen/">cÉline</a></li> <li><a href="https://brillenchic-onlineshop.de/de/luxusbrillen-chanel-dior-jimmy-choo/luxus-sonnenbrillen/chanel-sonnenbrillen/">chanel</a></li> <li><a href="https://brillenchic-onlineshop.de/de/luxusbrillen-chanel-dior-jimmy-choo/luxus-sonnenbrillen/chloe-sonnenbrillen/">chloÈ</a></li> <li><a href="https://brillenchic-onlineshop.de/de/luxusbrillen-chanel-dior-jimmy-choo/luxus-sonnenbrillen/dior-sonnenbrillen/">dior</a></li> <li><a href="https://brillenchic-onlineshop.de/de/luxusbrillen-chanel-dior-jimmy-choo/luxus-sonnenbrillen/jimmy-choo/">jimmy choo</a></li> </ul> </li> </ul> </li> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color:white;">kontaktlinsen</a> <ul class="dropdown-menu multi-level"> <li><a href="https://brillenchic-onlineshop.de/de/kontaktlinsen/johnson-johnson/">johnson á johnson</a></li> </ul> </li> </ul> </div>
the sub-categories don´t toggle. idea i'm doing wrong?
Comments
Post a Comment