can anybody help me in this code
<p>For some reason when i click book list element it shows both forms(books and classes) instead of just book form as if there is no break statement,i am really confused why is it doing that?  </p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript"&gt;
$(document).ready( function(){
$('.hideshares').hide();
 $('#shareupdate li').click(function(){
 switch($(this).attr('id')){
case "book":
$('.hideshares').hide();
$('#bk').show();

break;

case "class":
$('.hideshares').hide();
$('#cs').show();
break;
}
}); 
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div&gt;
&lt;ul id="shareupdate" &gt;
&lt;li id="book" &gt;Books&lt;/li&gt;   
&lt;li id="class"&gt;classes&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

 &lt;div id="sharecontainer"&gt;               
&lt;form id="bk" class="hideshares"&gt;
&lt;div id="bookneeds"&gt;&lt;input type="radio" id="ndbook" value="needbk" name="books" /&gt;Need book
&lt;input type="radio" id="pstbook" value="postbk" name="books" /&gt;Post book 
&lt;/div&gt;
&lt;/form&gt;

&lt;form id="cs" class="hideshares"&gt;
&lt;div&gt;&lt;label&gt;class:&lt;/label&gt; &lt;input type="text" id="cls" size="10"/&gt;&lt;/div&gt;
&lt;div&gt; &lt;input type="radio" id="dntknw" name="dontknw"/&gt;I don't know yet &lt;/div&gt;
&lt;/form&gt;

&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
