I have this code

Code:
<div class="sidemenu"><br />  
    <ul> 
     <li class='link' rel='#div1'><a href="#">1</a></li> 
     <li class='link' rel='#div2'><a href="#">2</a></li> 
     <li class='link' rel='#div3'><a href="#">3</a></li> 
     <li class='link' rel='#div4'><a href="#">4</a></li> 
     <li class='link' rel='#div5'><a href="#">5</a></li> 
  </ul>
and

Code:
<script type="text/javascript"> 
$(document).ready(function() {
     $('.hidable').hide();
           
                $('.link').each(function(){
                 
                 $(this).toggleClass("active").next();
                    $(this).click(function(){
                        var show=$(this).attr('rel');
                        $('.hidable').slideUp('slow');
                        $(show).slideDown('fast');
                    });

                });
            });

        </script>
and its output, Picture 1.png

how can I set, only active menu that have bullets? not all links. For example, if I click no 3, no 3 will have bullet, and the other links none.