可见性:可见/隐藏div

Question

单击按钮然后用关闭按钮隐藏它时显示div的最佳方法是什么？

我的Jquery代码如下:

$(".imageIcon").click(function(){
$('.imageShowWrapper').css("visibility", 'visible');
});
 $(".imageShowWrapper").click(function(){
$('.imageShowWrapper').css("visibility", 'hidden');
});

除了我遇到的问题是它没有任何点击自动关闭.它加载一切正常,显示约1/2秒然后关闭.有任何想法吗？

Answer 1

您可以使用show和hide方法:

$(".imageIcon").click(function() {
    $('.imageShowWrapper').show();
});

$(".imageShowWrapper").click(function() {
    $(this).hide();
});

Answer 2

根据您的要求,我相信您需要的就是这样简单:http://jsfiddle.net/linmic/6Yadu/

但是,使用可见性不同于使用show/hide功能,gory细节:visibility:hidden和display:none之间有什么区别？