show/hide divs on click
===

I have some html form.

    <div class="disease">
         <li id="show1">name1</li>
         <li id="show2">name2</li>
         <li id="show3">name3</li>
         <li id="show4">name4</li>
    </div>

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

Now i have this jquery code:

    <script type="text/javascript">
    $(document).ready(function(){

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

    }); 
    </script>


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