Компонент dropdown1 components
HTML-код:
<link rel="stylesheet" href="/assets/components/dropdown1/dropdown1.css"> <script src="/assets/components/dropdown1/dropdown1.js"></script> <link rel="stylesheet" href="/assets/fa5/css/all.min.css"> <!-- для FA5 иконки --> <div class="dropdown"> <button onclick="dropdownToggle(this, 'myDropdown1')" class="dropdown-button button button1 ">Dropdown<i class="fas fa-angle-down mar10-l" style="pointer-events: none;"></i></button> <div id="myDropdown1" class="dropdown-content"> <ul class="dropdown-menu"> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </div> </div>
Quisque vehicula; neque id condimentum varius, metus nisl vehicula orci, sit amet malesuada massa ipsum ut orci. Ut tincidunt congue eleifend.
<div class="dropdown"> <button onclick="dropdownToggle(this, 'myDropdown2', 'right')" class="dropdown-button button button2">Dropdown <i class="mar10-l fas fa-angle-right" style="pointer-events: none;"></i></button> <div id="myDropdown2" class="dropdown-content pad40 w300px"> Quisque vehicula neque id... </div> </div>