Javascript 向脚本中添加另一个div

我试图在我的网站上弹出一个窗口，但不知道如何在下面的脚本中添加一个额外的

#youtube弹出窗口
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);
};

任何帮助都将不胜感激。
谢谢

另外，如果您知道如何删除淡入淡出动画，请告诉我。
要将事件绑定到多个元素，请使用基本css选择器
选择器1、选择器2

要删除淡入淡出动画，只需将功能从
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;
  });
});

你能添加一些HTML吗？或者是小提琴，到目前为止你试了什么？