want to turn from html menu to sidebar

Hi,

I want to turn this code into dynamic sidebar

<div class="sidebar">
              <ul class="container">
                  <li class="menu">
                      <ul>
                        <li class="button"><a href="#" class="green">Network diplomas <span></span></a></li>
                        <li class="dropdown">
                            <ul>
                                <li><a href="#" onclick="$('.button a').eq(2).click();return false;">Ethical Hacker(CEH)</a></li>
                                <li><a href="#" onclick="$('.dropdown').slideUp('slow');return false;">MCSA</a></li>
                                <li><a href="#">Microsoft Section</a></li>
                                <li><a href="#">HP networks</a></li>
                            </ul>
                        </li>
                      </ul>
                  </li>

                  <li class="menu">
                      <ul>
                        <li class="button"><a href="#" class="orange">Graphics Diplomas <span></span></a></li>
                        <li class="dropdown">
                            <ul>
                                <li><a href="#" onclick="$('.button a:last').click();return false;">Motion Graphic</a></li>
                                <li><a href="#">GFX Design</a></li>
                                <li><a href="#">3D Courses</a></li>
                                <li><a href="#">Digital art</a></li>
                            </ul>
                        </li>
                      </ul>
                  </li>

                  <li class="menu">
                      <ul>
                        <li class="button"><a href="#" class="blue">Programming diplomas <span></span></a></li>

                        <li class="dropdown">
                            <ul>
                                <li><a href="#">Win APP pro</a></li>
                                <li><a href="#">Web APPs</a></li>
                                <li><a href="#">C programming section</a></li>
                                <li><a href="#">Tags Languages</a></li>
                            </ul>
                        </li>
                      </ul>
                  </li>

                  <li class="menu">
                      <ul>
                        <li class="button"><a href="#" class="red">Desktop Publishing <span></span></a></li>
                        <li class="dropdown">
                            <ul>
                                <li><a href="#">Open Office</a></li>
                                <li><a href="#">Microsoft office</a></li>
                                <li><a href="#">Sap</a></li>
                            </ul>
                        </li>
                      </ul>
                  </li>
              </ul>
            </div><!--sidebar--><br />