## Display: none

Can use CSS to turn off display. This will be especially useful to manipulate CSS properties with JavaScript.

Full list for the American League:

With ALE and ALW display set to "none":

Example 10.45
Example 10.45 Source:
<ul> <li>American League <ul> <li id="ale" >East <ul> <li>Baltimore</li> <li>Boston</li> <li>New York</li> <li>Toronto</li> <li>Tampa Bay</li> </ul> </li> <li id="alc" >Central <ul> <li>Chicago</li> <li>Cleveland</li> <li>Detroit</li> <li>Kansas City</li> <li>Minnesota</li> </ul> </li> <li id="alw" >West <ul> <li>Los Angeles</li> <li>Oakland</li> <li>Texas</li> <li>Seattle</li> </ul> </li> </ul> </li> </ul>
In style element (`<style type="text/css">`) within head element:
#ale { display: none; } #alw { display: none; } * { font-family: arial,helvetica,sans-serif; }
Example 10.45 Rendered:

- With Styles
- Without Styles