title: Css jquery Combobox
body: <p>I am trying to create a combo box with css and jquery. I will be having 3 items and I need help on selecting items in combobox and showing up the selected item. Any help would be highly appreciated. My complete code is </p>
  
  <p><a href="http://jsfiddle.net/vmCBJ/" rel="nofollow">http://jsfiddle.net/vmCBJ/</a></p>
  
  <pre><code> $(function () {
          $('#clickIcon').click(function() {
  
          });
          $("ul.dropdown li").click(function () {
              $(this).addClass("hover");
              $('ul:first', this).css('visibility', 'visible');
  
          }, function () {
  
              $(this).removeClass("hover");
              $('ul:first', this).css('visibility', 'hidden');
  
          });
  
          $("ul.dropdown li ul li:has(ul)").find("a:first").append(" &amp;amp;amp;amp;raquo; ");
  
      });
  
  
  &lt;div id="page-wrap"&gt;
      &lt;span&gt;
          &lt;ul class="dropdown"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Cannot&lt;/a&gt;
                  &lt;ul class="sub_menu"&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Can&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Must&lt;/a&gt;
                      &lt;/li&gt;
  
                  &lt;/ul&gt;
              &lt;/li&gt;
  
          &lt;/ul&gt;
      &lt;/span&gt;
      &lt;span id="clickIcon" style="background-color: gray;padding-left: 5px;font-weight: 900;"&gt;
          V
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>