how to address list-items in the DOM
<p>I've this markup</p>

<pre><code>&lt;ul id="body"&gt;
   &lt;li class="item"&gt;1&lt;/li&gt;
   &lt;li class="item"&gt;2&lt;/li&gt;
   &lt;li class="item"&gt;3&lt;/li&gt;
   &lt;li class="item"&gt;4&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>When an item is clicked, is there a way in jQuery to identify in the DOM, the previous and the next li so that I can use jQuery functions on those elements??</p>

<p>Say, if the person clicks on item 2, i want to hide item 1 and item 3.. similarly, if the user clicks on item 3, hide item 2 and item 4 (previous and next item in the list).</p>
