Аккордеон добавить и удалить класс

Question

У меня есть документ, который вы хотите активировать и деактивировать фон тега ul. В моем коде, сделанном до сих пор, удалось это сделать, однако это вообще не было. Как активировать возможное на том, что выбрано?

Код ссылки Код http://jsfiddle.net/bruno_aw/3E6Qw/.

 $(document).ready(function() { 
      $('.mais_info').click(function() { 
       if ($('.relacionadas').is(':visible')) { 
        $('.list_calendar .calendar_listing ul').removeClass('bg_cinza'); 
       } 
       else { 
        $('.list_calendar .calendar_listing ul').addClass('bg_cinza'); 
       } 
       var id = this.id; 
       id = id.replace('bt_',''); 
       $('#info_'+id).slideToggle('fast', function(){ 
        if ($('#info_'+id).is(':visible')){ 
         $('#bt_'+id).css('background-position','left bottom'); 
        } else { 
         $('#bt_'+id).css('background-position','left top'); 
        }       
       });      
      });     
     }); 

При нажатии. Открывается Mais_info. Связанные и активные в фоновом режиме. List_calendar. Calendar_listing ul, но при нажатии 2 происходит ошибка.

Хотели бы вы щелкнуть и активировать каждый отдельностоящий, если это возможно.

Принято предложение улучшить мой код в виде аккордеона.

Спасибо!

Answer 1

Вы имеете в виду это? используя $(this) получите тот, который вы выбираете

$(this).parent().removeClass('bg_cinza'); 

демку здесь http://jsfiddle.net/3E6Qw/3/

Answer 2

Я думаю, что вы ищете это: http://jsfiddle.net/3E6Qw/4/

$('.mais_info').click(function() { 
    if ($('.relacionadas').is(':visible')) { 
      $('.list_calendar .calendar_listing ul',this).removeClass('bg_cinza'); 
      $(this).parent().removeClass('bg_cinza'); 
    } else { 
      $('.list_calendar .calendar_listing ul',this).addClass('bg_cinza'); 
      $(this).parent().addClass('bg_cinza'); 
    }