jbar_example.html

<link href="jbar.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.jbar.js" type="text/javascript"></script>
<script type="text/javascript">
  jQuery(function(){ 
    jQuery('.jbar').jbar();
  });
</script>

<ul class="jbar">
  <li>
    <a href="#">Actions</a>
    <ul>
      <li><a href="http://github.com/javan/jbar">Fork me on github</a></li>
      <li><a href="http://github.com/javan/jbar/zipball/master">Download .zip</a></li>
      <li><a href="http://github.com/javan/jbar/tarball/master">Download .tar.gz</a></li>
    </ul>
  </li>
  <li>
    <a href="http://github.com/javan/jbar">Fork me on github</a>
  </li>
  <li>
    <a href="http://github.com/javan/jbar">Link <em>and</em> submenu</a>
    <ul>
      <li><a href="http://github.com/javan/jbar">Fork me on github</a></li>
      <li><a href="http://github.com/javan/jbar/zipball/master">Download .zip</a></li>
      <li><a href="http://github.com/javan/jbar/tarball/master">Download .tar.gz</a></li>
    </ul>
  </li>
  <li>
    <ul>
      <li><a href="http://github.com/javan/jbar">Fork me on github</a></li>
      <li><a href="http://github.com/javan/jbar/zipball/master">Download .zip</a></li>
      <li><a href="http://github.com/javan/jbar/tarball/master">Download .tar.gz</a></li>
    </ul>
  </li>
</ul>

jbar_transformed.html

<ul class="jbar">
  <li>
    <a href="#" class="has_down_arrow trigger first"><span class="link_text">Actions</span> <span class="down_arrow"><em>&#x25BC;</em></span></a>
    <div class="submenu_container">
      <span class="up_arrow">&#x25B2;</span>
      <ul style="display: block;">
        <li><a href="http://github.com/javan/jbar">Fork me on github</a></li>
        <li><a href="http://github.com/javan/jbar/zipball/master">Download .zip</a></li>
        <li><a href="http://github.com/javan/jbar/tarball/master">Download .tar.gz</a></li>
      </ul>
    </div>
  </li>
  <li>
    <a href="http://github.com/javan/jbar" class="has_no_down_arrow"><span class="link_text">Fork me on github</span></a>
  </li>
  <li>
    <a href="http://github.com/javan/jbar" class="has_down_arrow has_trigger_down_arrow"><span class="link_text">Link <em>and</em> submenu</span> <span class="down_arrow trigger"><em>&#x25BC;</em></span></a>
    <div class="submenu_container">
      <span class="up_arrow">&#x25B2;</span>
      <ul style="display: block;">
        <li><a href="http://github.com/javan/jbar">Fork me on github</a></li>
        <li><a href="http://github.com/javan/jbar/zipball/master">Download .zip</a></li>
        <li><a href="http://github.com/javan/jbar/tarball/master">Download .tar.gz</a></li>
      </ul>
    </div>
  </li>
  <li>
    <a class="has_lonely_down_arrow has_down_arrow trigger last" href="#"> <span class="down_arrow"><em>&#x25BC;</em></span></a>
    <div class="submenu_container">
      <span class="up_arrow">&#x25B2;</span>
      <ul style="display: block;">
        <li><a href="http://github.com/javan/jbar">Fork me on github</a></li>
        <li><a href="http://github.com/javan/jbar/zipball/master">Download .zip</a></li>
        <li><a href="http://github.com/javan/jbar/tarball/master">Download .tar.gz</a></li>
      </ul>
    </div>
  </li>
</ul>