jQuery - 链接隐藏div

Question

我有这个简单的脚本

$(".showHide").click(function (e) {
    e.stopPropagation();
    $(".showHide").children('.showHide').toggle();
});

$(".modal-inside").click(function (e) {
    e.stopPropagation();
});

$(document).bind('keydown', function(e) { 
        if (e.which == 27) {
            $(".showHide").children('.showHide').hide();
        }
    });

我无法找到如何使我与班级的联系接近工作。我希望它用它来显示.modal div。

工作脚本在这里https://jsfiddle.net/zkx9gt2u/12/

Answer 1

添加

$(".close").click(function (e) {
    e.stopPropagation();
    $(".showHide").children('.showHide').toggle();
});

jsfiddle

Answer 2

添加：

$(function(){
  $('.close').click(function(){
    $('.showHide').children().toggle();
  });
});

这是一个更新的小提琴：

jsfiddle

按X关闭。