Accordion添加和删除类

时间:2013-02-14 15:18:01

标签: jquery accordion jquery-ui-accordion

我有一个文档要激活和停用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时会发生错误。

如果可能,您是否愿意点击并激活每个独立项。

接受以手风琴形式改进我的代码的建议。

谢谢!

2 个答案:

答案 0 :(得分:0)

你是说这个意思吗?使用$(this)将获得您选择的那个

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

演示http://jsfiddle.net/3E6Qw/3/

答案 1 :(得分: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');
     }