Clickable Dropdown

CSS Framework (Chapter- 5) M2-R5.1

यदि आप होवर के बजाय ड्रॉपडाउन लिंक पर क्लिक करना पसंद करते हैं तो w3-dropdown-click का उपयोग करें:

Use w3-dropdown-click if you prefer to click on the dropdown link instead of hover:

<div class=”w3-dropdown-click”>
<button class=”w3-button” onclick=”myFunction()”>
    Dropdown <i class=”fa fa-caret-down”></i>
</button>
<div id=”demo” class=”w3-dropdown-content w3-bar-block w3-card-4″>
    <a href=”#” class=”w3-bar-item w3-button”>Link 1</a>
    <a href=”#” class=”w3-bar-item w3-button”>Link 2</a>
    <a href=”#” class=”w3-bar-item w3-button”>Link 3</a>
</div>
</div>