2013-02-14 2 views
0

ul 태그의 배경을 활성화 및 비활성화하려는 문서가 있습니다. 지금까지 수행 된 코드는이 작업을 수행했지만,이 코드는 전혀 작동하지 않습니다. 가능한 것을 활성화하는 방법은 무엇이 선택 되었습니까?Accordion 추가 및 제거 클래스

이 링크보기 코드 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를 클릭하면 오류가 발생합니다.

가능하면 각 독립 페이지를 클릭하여 활성화 하시겠습니까?

아코디언 형태로 내 코드를 개선 제안.

감사합니다.

답변

0

이 뜻입니까? $(this)를 사용하여 당신이 찾고있는 생각이 여기

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

데모 http://jsfiddle.net/3E6Qw/3/

+0

좋은, 좋아! 고맙습니다! 하지만 내 의도는 그것입니다. List_calendar. Calendar_listing ul도 회색 배경색으로 활성화되어 있습니다. –

+0

다음과 같이 만들어야합니다. http://brasileiromx.com.br/view.jpg –

0

을 선택하는 하나를 얻을 것이다 : 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'); 
    } 
+0

좋습니다. 고맙습니다! Anton에게 대한 응답보기. –

+0

나는 다음과 같이 만들 필요가있다. http://brasileiromx.com.br/view.jpg –

+0

오, 늦어서 죄송합니다. 찾고 있던 답변이 업데이트되었습니다. – Jai