顯示/隱藏腳本顯示僅去年隱藏的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(); 
     } 
    }); 

它只顯示最後牆根格，但我想讓它顯示唯一的直接孩子。

http://jsfiddle.net/yqaxqq6m/

Answer 1

你需要$(this)而不是$(".showHide")獲得事件源元素的兒童。

Live Demo

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

編輯隱藏當點擊了側.modal，在裏面可以使用mouseup

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

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

$(document).on('mouseup', function(e) { 
    if (e.target.className != "modal-inside") { 
     $(".showHide").children('.showHide').hide(); 
    } 
});