手風琴添加和刪除類

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'); 
    }