Как сделать выпадающий из кнопки список-меню?

Question

[misha979797]

Как сделать выпадающися из кнопки список-меню? Нажимаем на три точки и меню выпадает.
PS учусь ;( Стилизовать не понимаю как, да и выпадение это как?
https://getmdl.io/templates/blog/index.html

<ul class = "menu">
              <li><a href="about.html">About</a></li>
              <li><a href="message.html">Message</a></li>
              <li><a href="#office">Office</a></li>
              <li><a href="#contact">Contact</a></li>
</ul>

Comments

[Сергей delphinpro]

Изучите готовый пример https://getbootstrap.com/docs/3.3/components/#btn-...
Должно стать ясно

[misha979797]

Сергей delphinpro, хочется по сложному - без bootstrap

[Сергей delphinpro]

misha979797, Я не предлагал вам использовать бутстрап. Я предложил изучить готовый пример, чтобы понять принцип, и сделать самому.

Answer 1

[arudmin]

В твоем примере найди div.mdl-menu__container. Он точно спозиционирован в контейнере. В момент нажатия на точки ему добавляется класс is-visible, который и делает его видимым.

Открой инспектор в Хроме, кликай на точки и смотри какие атрибуты меняются у элементов.