添加另一個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; 
    }); 
});