任何人都可以给我一个可以在台式机和移动版中使用的下拉菜单代码吗?
请检查以下我使用的导航栏代码,其中包含桌面中的当前导航栏版本。
<nav class="teal">
<div class="container">
<div class="nav-wrapper blue">
<a href="#" data-target="mobile-nav" class="sidenav-trigger">
<i class="material-icons">menu</i>
</a>
<ul class="right hide-on-med-and-down">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="#" class="dropdown-button" data-
activates="dropdown1">Dopdown<i class="material-icons
right">arrow_drop_down</i></a>
<ul id="dropdown1" class="dropdown-content">
<li><a href="#!">Resort1</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<ul class="sidenav" id="mobile-nav">
<li>
<a href="index.html">Wayanad</a>
</li>
<li>
<a href="#" class="dropdown-button" data-activates="dropdown2">Dopdown<i
class="material-icons right">arrow_drop_down</i></a>
<ul id="dropdown2" class="dropdown-content">
<li><a href="#!">Resort1</a></li>
</ul>
</li>
</li>
</ul>