show/hide divs on click
<p>I have some html form.</p>

<pre><code>&lt;div class="disease"&gt;
     &lt;li id="show1"&gt;name1&lt;/li&gt;
     &lt;li id="show2"&gt;name2&lt;/li&gt;
     &lt;li id="show3"&gt;name3&lt;/li&gt;
     &lt;li id="show4"&gt;name4&lt;/li&gt;
&lt;/div&gt;

&lt;div class="disease2" style="display:none;"&gt;
     &lt;li id="show5"&gt;name1&lt;/li&gt;
     &lt;li id="show6"&gt;name2&lt;/li&gt;
     &lt;li id="show7"&gt;name3&lt;/li&gt;
     &lt;li id="show8"&gt;name4&lt;/li&gt;
&lt;/div&gt;
</code></pre>

<p>Now i have this jquery code:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){

$('.show1').click(function(){
$(".disease2").slideToggle();
});

}); 
&lt;/script&gt;
</code></pre>

<p>But, what to do if "li" tags very many? So as not print all "dicease" container in html form.</p>
