<!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>