thinkphp / basic-menu Goto Github PK

Basic Menu
----------
Creating accessible Javascript menu system - some basic steps that get forgotten

1.Collapse with CSS
2.Collapse And Show
3.Collapse And Remove Tabbing
4.Fix for all browser using YUI

<ul id="menu">
  <li><h3>Section 1</h3>
    <ul>
      <li><a href="foo.html">Foo</a></li>
      <li><a href="bar.html">Bar</a></li>
      <li><a href="baz.html">Baz</a></li>
    </ul>
  </li>
  <li><h3>Section 2</h3>
    <ul>
      <li><a href="foo.html">Foo-1</a></li>
      <li><a href="bar.html">Bar-1</a></li>
      <li><a href="baz.html">Baz-1</a></li>
    </ul>
  </li>
  <li><h3>Section 3</h3>
    <ul>
      <li><a href="foo.html">Foo-2</a></li>
      <li><a href="bar.html">Bar-2</a></li>
      <li><a href="baz.html">Baz-2</a></li>
    </ul>
  </li>
  <li><h3>Section 4</h3>
    <ul>
      <li><a href="foo.html">Foo-3</a></li>
      <li><a href="bar.html">Bar-3</a></li>
      <li><a href="baz.html">Baz-3</a></li>
    </ul>
  </li>

  <li><h3>Section 5</h3>
    <ul>
      <li><a href="foo.html">Foo-4</a></li>
      <li><a href="bar.html">Bar-4</a></li>
      <li><a href="baz.html">Baz-4</a></li>
    </ul>
  </li>

</ul>

Check this out: http://thinkphp.ro/apps/js-hacks/basic-menu/