vis/skjul li'er med samme id/class

Hej.

Kan det ikke lade sig gøre at lave en javascript eller ajax funktion der viser/skjuler flere list-items i en <ul>?

Det skal kunne gøres med et click på en knap eller lign.

fx
<a href="#" onclick="showHide('a')>vis/skjul a</a>
<a href="#" onclick="showHide('b')>vis/skjul b</a>
<ul>
  <li class="a">blah 1</li>
  <li class="b">blah 2</li>
  <li class="b">blah 3</li>
  <li class="a">blah 4</li>
  <li class="b">blah 5</li>
  <li class="a">blah 6</li>
</ul>

Jeg kan kun finde noget  hvor man bruger getElementById(), og den tager kun det første element med det pågældende id.

Håber der er nogen der kan en trick ;o)

/Jonas