实现点击任意地方隐藏窗口

Question

为什么无效？哪里错了

<style>

html, body {

    height: 100%;

    margin: 0;

    padding: 0;

}

.test{

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

}

.test.is-visible {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0s;

}

</style>

<div class="test is-visible"> </div>

<script>

//点击任意地方隐藏窗口

$('.test').on('click', function(event){

if( $(event.target).is('.test') ) {

$(this).removeClass('is-visible');

}

});

</script>