点击触发或收回黑色蒙层

jquery

$(".nav .current").click(function(){
    $(".nav button").show();
    $(".nav .current").css("background","url('')");
    $(".records #bgObj").css("display","block");
});
$(".nav :not(.current)").click(function () {
    $(".records img").show();
    $(".nav .current").removeClass("current");
    $(this).addClass("current");
    $(".nav :not(.current)").css("display","none");
    $(".records #bgObj").css("display","none");
});

html

<div id="bgObj"></div>
css
.nav
    position relative
    z-index 11
    background #fff
#bgObj
    display none
    width 100%
    height 100%
    position absolute
    top 0
    left 0
    background-color #222
    opacity 0.3
    z-index 10

注意：只有指定position属性值，z-index才不会失效