toggle to je to! :D TNX LUKA! :D2

by lovromar

HTML

<li><a href="#"> + </a><a href="#" style="display:none;"> - </a> Track1 </li>

<li><a href="#"> + </a><a href="#" style="display:none;"> - </a> Track2 </li>

<li><a href="#"> + </a><a href="#" style="display:none;"> - </a> Track3 </li>

<li><a href="#"> + </a><a href="#" style="display:none;"> - </a>Track4 </li>

<li><a href="#"> + </a><a href="#" style="display:none;"> - </a> Track5 </li>

CSS

.bla {
    background-color:red;
}

.bla2 {
    
    background-color:green;
}

li {
    margin-bottom:10px;
}

.hidden{
    display:none;
}

JavaScript

$(document).ready(function() {

  
  $("li").click(function(){
      
//      $("li a").not(this).siblings("a").toggle();
      $(this).find('a').toggle();
     
     
      
     $(this).toggleClass("bla").siblings().removeClass("bla");
      
});
         
});