<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Example 3b: Categorizing links - Full example</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="categorizeLinks_ex3b.js"></script> </head> <body> <ul id="toggle"> <li><a href="#cat_xhtml">XHTML</a></li> <li><a href="#cat_css">CSS</a></li> <li><a href="#cat_js">JavaScript</a></li> <li><a href="#cat_as">ActionScript</a></li> </ul> <div id="contentPool"> <ul id="cat_xhtml"> <li>XHTML</li> <li class="cat_xhtml cat_css cat_js"><a href="#">A List Apart</a></li> <li class="cat_xhtml cat_css"><a href="#">W3C</a></li> <li class="cat_xhtml cat_css"><a href="#">W3Schools</a></li> <li class="cat_xhtml cat_css"><a href="#">Jeffrey Zeldman</a></li> </ul> <ul id="cat_css"> <li>CSS</li> <li class="cat_css"><a href="#">Eric Meyer</a></li> <li class="cat_css cat_xhtml"><a href="#">MezzoBlue</a></li> <li class="cat_css"><a href="#">CSS Zen Garden</a></li> </ul> <ul id="cat_js"> <li>JavaScript</li> <li class="cat_js cat_css"><a href="#">Simon Willison</a></li> <li class="cat_js cat_css"><a href="#">Quirksmode</a></li> </ul> <ul id="cat_as"> <li>ActionScript</li> <li class="cat_as"><a href="#">Colin Moock</a></li> <li class="cat_as"><a href="#">Macromedia</a></li> <li class="cat_as"><a href="#">Robert Penner</a></li> </ul> </div> </body> </html>