<head>
<script type="text/javascript" src="ul.js"></script>
</head>
- Add
`col_ul` class to a `ul` to make it collapsible.
Now all the multi-lvl `ul` will be hidden.
- paki: Add
`span` around every multi-lvl `li` to act as a toggle.
- karachi: Doesn't work bc it has no
`span` around it
Example:
Example:
<![CDATA[<ul class="col_ul">
<li><span>coffee</span>
<ul>
<li><span>paki</span><!--Add `span` around every multi-lvl `li` to act as a toggle-->
<ul>
<li>karachi<!--Doesn't work bc it has no `span` around it-->
<ul>
<li>North</li>
<li>West</li>
</ul><!--karachi > ul-->
</li><!--li karachi-->
<li>lahore</li>
</ul><!--paki > ul-->
</li><!--li paki-->
<li>indian</li>
<li>arbian</li>
</ul><!--coffee > ul-->
</li><!--li coffee-->
<li>milk</li>
<li>honey</li>
</ul><!--.col_ul-->]]>