0

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 するとエラーが発生します。

可能であれば、それぞれの独立したボタンをクリックしてアクティブにしますか?

アコーディオンの形で私のコードを改善する提案を受け入れました。

ありがとうございました！

4

2 に答える 2

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');
     }
于 2013-02-14T15:27:44.357 に答える