jQuery in Action
Showing and hiding elements
129
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>
Item 3
<ul>
<li>Item 3.1</li>
<li>
Item 3.2
<ul>
<li>Item 3.2.1</li>
<li>Item 3.2.2</li>
<li>Item 3.2.3</li>
</ul>
</li>
<li>Item 3.3</li>
</ul>
</li>
<li>
Item 4
<ul>
<li>Item 4.1</li>
<li>
Item 4.2
<ul>
<li>Item 4.2.1</li>
<li>Item 4.2.2</li>
</ul>
</li>
</ul>
</li>
<li>Item 5</li>
</ul>
</fieldset>
</body>
NOTE
Because this section focuses on the effects, let's assume the list we'll
instrument is small enough to send completely as part of the page.
Obviously, this would not be true for something as massive as the data
set for an entire filesystem. In such cases, you'd want to go back to the
server for more and more data as you need it, but that's not what we
want to focus on in this chapter. After you've read the Ajax chapter, you
can revisit these examples and apply your skills to enhance these con-
trols with such abilities.
instrument is small enough to send completely as part of the page.
Obviously, this would not be true for something as massive as the data
set for an entire filesystem. In such cases, you'd want to go back to the
server for more and more data as you need it, but that's not what we
want to focus on in this chapter. After you've read the Ajax chapter, you
can revisit these examples and apply your skills to enhance these con-
trols with such abilities.
When displayed in the browser (prior to tinkering with it), this list appears as
shown in figure 5.1.
shown in figure 5.1.