Подскажите как такое реализовать?

Очень простой способ реализации

http://mainproject.ru/js/menu.shtml

А где на этой странице, что я привел выше описание этого выпадающего меню? Для меня это оч. интересная страница в плане опыта

По onclick

Ниже ссылки есть код, который отвечает за обработку клика.

Да действительно, нашел - $(document).ready(function(){...

Подскажите а есть похожие готовые библиотеки, когда подключаешь и просто меняешь файлы стили и все работает?

Или это все нужно писать "с 0" и пилить под себя?

То, что вы написали это готовность документа в стиле jquery. Вам скорее нужно jquery UI и метод .dialog(), это модальное окно создаст.

тут нафиг не надо никаких лишних навесок, и нет никаких модальных окон 😂

всё действие по onclick - это просто добавить/удалить класс "open" элементу <span class="more-menu">, всё остальное примитивно решается через CSS.

искать под это дело какой-то "плагин" это идиотизм...

ЗЫ: $(document).ready это вообще бредовый костыль: достаточно подключать скрипты внизу тела страницы и не городить лишние сущности...

p/s/ http://learn.jquery.com/using-jquery-core/document-ready/

Подключайте Bootstrap и все подобные фишечки будут делаться в пределах минуты.

Ваш пример.