Как реализовать список?

160
29 сентября 2018, 01:50

как реализовать, чтобы при загрузке сайта, список выпадал, а потом сворачивался?

<div class="w-dropdown hidden_for_tablets ush_dropdown_1  source_own"> 
  <div class="w-dropdown-h"> 
    <div class="w-dropdown-list" style="display: none;"> 
      <a class="w-dropdown-item ms_booking" data-url="https://n16008.yclients.com/company:30089?o=&lang=" href="#"><span class="w-dropdown-item-title">ТЦ "ЗАМОК"</span></a> 
      <a class="w-dropdown-item ms_booking" data-url="https://n16008.yclients.com/company:31382?o=&lang=" href="#"><span class="w-dropdown-item-title">ТЦ “ПРОМЕНАД”</span></a> 
      <a class="w-dropdown-item ms_booking" data-url="https://n16008.yclients.com/company:84826?o=&lang=" href="#"><span class="w-dropdown-item-title">УЛ. РУМЯНЦЕВА 17</span></a> 
      <a class="ms_booking" data-url="https://n16008.yclients.com/group:249/city:all?o=&lang=" href="#"><button class="btn-order">Записаться</button></a> 
    </div> 
    <div class="w-dropdown-current"> 
      <a class="w-dropdown-item" href="javascript:void(0)"> 
        <span class="w-dropdown-item-title">ТЦ "ЗАМОК"</span></a> 
    </div> 
  </div> 
</div>

Answer 1

document.querySelector(".w-dropdown-list").style.display = "block"; 
setTimeout(function() { 
  document.querySelector(".w-dropdown-list").style.display = "none"; 
}, 1000);
<div class="w-dropdown hidden_for_tablets ush_dropdown_1  source_own"> 
  <div class="w-dropdown-h"> 
    <div class="w-dropdown-list" style="display: none;"> 
      <a class="w-dropdown-item ms_booking" data-url="https://n16008.yclients.com/company:30089?o=&lang=" href="#"><span class="w-dropdown-item-title">ТЦ "ЗАМОК"</span></a> 
      <a class="w-dropdown-item ms_booking" data-url="https://n16008.yclients.com/company:31382?o=&lang=" href="#"><span class="w-dropdown-item-title">ТЦ “ПРОМЕНАД”</span></a> 
      <a class="w-dropdown-item ms_booking" data-url="https://n16008.yclients.com/company:84826?o=&lang=" href="#"><span class="w-dropdown-item-title">УЛ. РУМЯНЦЕВА 17</span></a> 
      <a class="ms_booking" data-url="https://n16008.yclients.com/group:249/city:all?o=&lang=" href="#"><button class="btn-order">Записаться</button></a> 
    </div> 
    <div class="w-dropdown-current"> 
      <a class="w-dropdown-item" href="javascript:void(0)"> 
        <span class="w-dropdown-item-title">ТЦ "ЗАМОК"</span></a> 
    </div> 
  </div> 
</div>

READ ALSO
Ребят ! Почему не работает этот код?

Ребят ! Почему не работает этот код?

Ребят ! Почему не работает этот код?

147
Добавление данных в таблицу используя ajax

Добавление данных в таблицу используя ajax

На форме есть 3 поля, необходимо добавить их в БД без перезагрузки страницыФорма с скриптом:

184
Непонятная функция JavaScript

Непонятная функция JavaScript

Как тут происходит отправка запроса, ведь такого нету его

154