<head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="imagetoolbar" content="false" /> <title>jQuery Cookbook - Ch.13 - Navigating a File Tree Expander</title> <link rel="stylesheet" type="text/css" href="../_common/basic.css" /> <link rel="stylesheet" type="text/css" href="tree.css" /> <script type="text/javascript"> /* <![CDATA[ */ document.write('<link rel="stylesheet" type="text/css" href="preload.css" />'); /* ]]> */ </script> <script type="text/javascript" src="../_common/jquery.js"></script> <script type="text/javascript" src="tree.js"></script> </head> <body> <div id="container"> <p class="tree_controls"> <a href="#" class="expand_all">Expand all</a> ~ <a href="#" class="collapse_all">Collapse all</a> </p> <ul class="tree"> <li> <a href="#" class="tree_trigger">&nbsp;</a> Primary <ul class="tree_expanded"> <li> <a href="#" class="tree_trigger">&nbsp;</a> Secondary <ul class="tree_expanded"> <li> <a href="#" class="tree_trigger">&nbsp;</a> Tertiary <ul> <li> <span class="tree_slug">&nbsp;</span> Quaternary </li> <li> <span class="tree_slug">&nbsp;</span> Quaternary </li> <li> <span class="tree_slug">&nbsp;</span> Quaternary </li> <li> <span class="tree_slug">&nbsp;</span> Quaternary </li> <li> <span class="tree_slug">&nbsp;</span> Quaternary </li> </ul> ... </li> ... </ul> ... </li> ... </ul> ...
286 | Chapter 13:â&#x20AC;&#x201A;Interface Components from Scratch