- 12, May 2024
- #1
Я использую zurb Foundation для создания веб-сайта и использую раскрывающееся меню. Моя проблема заключается в том, как отобразить раскрывающийся список как встроенный блок. По правилам фонда это сделать сложно. Я надеюсь, что у некоторых есть представление об этом. Код ниже:
<div class="row column text-center">
<ul class="dropdown menu custom-menu" data-dropdown-menu>
<li>
<a href="#">For Sale()</a>
<ul class="menu" id="display-style">
<li><a href="#">Animals()</a></li>
<li><a href="#">Computer-Software()</a></li>
<li><a href="#">Computer-Hardware()</a></li>
<li><a href="#">Cellphone-accessories()</a></li>
<li><a href="#">For Babies-Infants()</a></li>
<li><a href="#">Used Cars()</a></li>
</ul>
</li>
<li><a href="#">Vehicles</a>
<ul class="menu">
<li><a href="">Used Cars</a></li>
</ul>
</li>
<li><a href="#">Classes</a></li>
<li><a href="#">Real Estate</a></li>
<li><a href="#">Sevices</a></li>
<li><a href="#">Community</a></li>
<li class="has-dropdown">
<a href="#">Personals</a>
<ul class="dropdown">
<li><a href="">One</a></li>
<li><a href="">One</a></li>
</ul>
</li>
<li><a href="#">Jobs</a></li>
</ul>
</div>
Код (разметка):