スクリプトに別のdivを追加する

Question

私のウェブサイトでポップアップを作成しようとしていますが、#youtube-popup divを以下のスクリプトに追加する方法がわかりません。

function div_show() { 
    document.getElementById('abc').style.display = "block"; 
} 

function deselect(e) { 
    $('.pop').slideFadeToggle(function() { 
e.removeClass('selected'); 
    }); 
} 

$(function() { 
    $('#youtube').on('click', function() { 
if ($(this).hasClass('selected')) { 
    deselect($(this)); 
} else { 
    $(this).addClass('selected'); 
    $('.pop').slideFadeToggle(); 
} 
return false; 
    }); 

    $('.close').on('click', function() { 
deselect($('#youtube')); 
return false; 
    }); 
}); 

$.fn.slideFadeToggle = function(easing, callback) { 
    return this.animate({ 
opacity: 'toggle' 
    }, 'fast', easing, callback); 
}; 

任意の助けいただければ幸いです。 ありがとう

また、フェードアニメーションを削除する方法がわかっている場合はお知らせください。

Answer 1

イベントを複数の要素にバインドするには、基本CSSセレクタselector1, selector2を使用します。

フェードアニメーションを削除するには、機能をslideFadeToggleからslideToggleに変更するだけです。ここで

は、複数の要素に適用するコードを剥奪されて固定されている：

function deselect(e) { 
    $('.pop').slideToggle('normal', function() { 
    e.removeClass('selected'); 
    }); 
} 

$(function() { 
    $('#youtube, #youtube-popup').on('click', function() { 
    if ($(this).hasClass('selected')) { 
     deselect($(this)); 
    } else { 
     $(this).addClass('selected'); 
     $('.pop').slideToggle(); 
    } 

    return false; 
    }); 

    $('.close').on('click', function() { 
    deselect($(this).closest('#youtube, #youtube-popup')); // I assume .close is inside popup and you want only paret to be closed. 

    return false; 
    }); 
});