Показать сообщение отдельно
  #2 (permalink)  
Старый 03.04.2015, 17:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Выпадающее меню на чистом js
Velidan,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .selfSwitcher > .dropDown {
    display: none;
  }
  .opened > .dropDown {
    display: block;
  }
  .selfSwitcher {
     border: 1px red solid;
  }

  </style>
</head>

<body>
<div class="selfSwitcher">My Delivery 14780
                            <div class="dropDown">
                                <ul>
                                    <li>My Delivery 14780</li>
                                    <li>My Delivery 14780</li>
                                    <li>My Delivery 14780
                       <div class="selfSwitcher">My Delivery 14780
                            <div class="dropDown">
                                <ul>
                                    <li>My Delivery 14780</li>
                                    <li>My Delivery 14780</li>
                                    <li>My Delivery 14780</li>
                                </ul>
                            </div>
                        </div></li>
                                </ul>
                            </div>
                        </div>
<script>
  Array.prototype.forEach.call(document.querySelectorAll(".selfSwitcher"), function(element) {
    element.addEventListener("click", function(event) {
        event.target == this && this.classList.toggle("opened")
    })
});</script>
</body>

</html>

Последний раз редактировалось рони, 03.04.2015 в 18:19.
Ответить с цитированием