So, I've a list with many li items, in each one I've 2DIVs with display:none; I want when it's click on a link to appear divs each one of them to open.

The problem is following when it's clicked on link appear every divs.. 

![](https://s3.amazonaws.com/fvd-data/notes/245168/1421950648-DvDqfs/screen.png)

HTML

```
<div class="song-info">
    <ul>
        <li class="attr"><a href="#" class="lycris">LYCRIS</a>
        </li>
        <li class="attr"><a href="#" class="credits">CREDITS</a>
        </li>
        <li class="purchase"><a href="#">BuY</a>
        </li>
        <li><span class="playyt"></span> 
        </li>
        <li class="track-duration">(4:18)</li>
    </ul>
</div>

<!-- /.song-info -->
<div class="cf"></div>

<div class="container-lycris"> <a href="http://www.nirvana.com">Nirvana</a> Nevermind</div>

<div class="container-credits"> <a href="http://www.nirvana.com">Nirvana</a> Nevermind</div>

```

JS

```
    $(document).ready(function(){
      $(function(){
       var lycris = $(".lycris");
       var credits = $(".credits");

       $(lycris).click(function(){
          $('.container-lycris').toggleClass("block");
       });  

       $(credits).click(function(){
          $('.container-credits').toggleClass("block");
       });

    });
});

```