Javascript jQuery自定义快门

我有一个带有摄像头的识别网站。在这里有一个很好的快门效果。我有一个简单的按钮和一个

。 我想当点击按钮，然后div被关闭。我试了很多次，但都不行。 有人能帮我吗

我的部门风格

<div id="CustomWebCam" class="CustomWebCam">

---

只需链接库和CSS：

<link href="your-path/jquery.shutter.css" type="text/css" rel="stylesheet">
<script src="your-path/jquery.shutter.js">

<link href="your-path/jquery.shutter.css" type="text/css" rel="stylesheet">
<script src="your-path/jquery.shutter.js">

<button id="btn" onclick="onClick();"> Shutter </button>

$(document).ready(function(){

    var container = $('#container');

    container.tzShutter({

        imgSrc: 'http://demo.tutorialzine.com/2011/03/photography-portfolio-shutter-effect/assets/jquery.shutter/shutter.png',

        closeCallback: function(){

            /* AFTER CLOSE */

            // Scheduling a shutter open in 0.1 seconds ( time that keep closed )
            setTimeout(function(){container.trigger('shutterOpen')},100);
        },
    });
});


function onClick(){
    $("#container").trigger('shutterClose');
};