Вопрос по пхп

http://artmix.lv
меню слева - Наши Услуги
Вопрос: как сделать выпадающее меню с подразделами? Чтобы кликнул на раздел, и выпадало сабменю с подразделами.

Прошу помощи, не силён я в коде

код меню на пхп:

Код: [развернуть]

<?php global $qode_options_elision; ?> <div id="panel" style="margin-left: -318px;">       <div id="panel-admin">       <h5>Наши Услуги</h5>       <div class="panel-admin-box">          <div class="accordion_toolbar">             <p class="accordion_toolbar_header"><a href="http://artmix.lv/?p=8">Эксклюзивные медали по индивидуальному проекту </a> <i class="fa fa-angle-right"></i></p>             <div class="accordion_toolbar_content" class="choose_option">                             </div>    <div class="accordion_toolbar">             <p class="accordion_toolbar_header"><a href="http://artmix.lv/?page_id=7881">Универсальные медали ArtMix </a> <i class="fa fa-angle-right"></i></p>             <div class="accordion_toolbar_content" class="choose_option">                             </div>             <p class="accordion_toolbar_header"><a href="http://artmix.lv/?p=7689">Кубки и призы по индивидуальному проекту</a><i class="fa fa-angle-right"></i></p>             <div class="accordion_toolbar_content">                          </div>    <p class="accordion_toolbar_header"><a href="http://artmix.lv/?p=8023">Эксклюзивные спортивные наградные пояса</a><i class="fa fa-angle-right"></i></p>             <div class="accordion_toolbar_content">                          </div>             <p class="accordion_toolbar_header"><a href="http://artmix.lv/?p=7823">Сувениры по индивидуальному проекту</a> <i class="fa fa-angle-right"></i></p>             <div class="accordion_toolbar_content">                          </div>             <p class="accordion_toolbar_header"><a href="http://artmix.lv/?p=7729">Значки по индивидуальному проекту</a><i class="fa fa-angle-right"></i></p>             <div class="accordion_toolbar_content">                       </div>                          <p class="accordion_toolbar_header"><a href="http://artmix.lv/?page_id=7004"> Дипломы и полиграфическая продукция</a> <i class="fa fa-angle-right"></i></p>             <div class="accordion_toolbar_content">                          </div>             <p class="accordion_toolbar_header"><a href="http://artmix.lv/?page_id=7681"> Дизайн</a> <i class="fa fa-angle-right"></i></p>             <div class="accordion_toolbar_content">                          </div>             <p class="accordion_toolbar_header"><a href="http://artmix.lv/?p=7744"> Для коллекционеров </a> <i class="fa fa-angle-right"></i></p>             <div class="accordion_toolbar_content">                            </div>                       <p class="accordion_toolbar_header"><a href="http://artmix.lv/?p=7813">Гравировка текстов, нанесение изображений </a><i class="fa fa-angle-right»></i></p>             <div class="accordion_toolbar_content">                          </div>          </div>       </div>    </div>    <a class="open" href="#"><span><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></span></a> </div>

P.S. Прошу прощение у администрации за кроспостинг - но в тему дизайн и программинг разные люди заходят, а она и там и там нужна, чтобы найти ответы на вопросы с обеих сторон. Обещаю сам уделить кросспостинг, после получения нужного ответа. Заранее благодарю.

Это js/css , а не пхп. Ищи по фразе "collapse menu" , примеров куча.

найди тему для WP где это реализованно и дерни от туда код

либо читай
http://ruseller.com/lessons.php?tag=17
тут этих меню до задницы

Спасибо! Буду смотреть ссылки