onclick não fecha PopUP

[11closed 0]

olá pessoal, não estou conseguindo fazer com que o script do onclick feche a PopUP após o clique no botão X de fechar

 

vejam o script

<script type="text/javascript">
// JavaScript Document
 var $q = jQuery.noConflict();
$q(document).ready(function()
{
$q("#lightbox, #lightboxContent").click(function(){
$q("#lightbox, #lightboxContent").hide();
})});
</script>



<style type="text/css">
#lightbox {
    background-color: #000;
    float: left;
    height: 100%;
    opacity: 0.9;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
    position: fixed;
    width: 100%;
	z-index:998;    
}   
 
#lightboxContent {
    background-image: url("https://4.bp.blogspot.com/-3DNa84iiLNQ/Vm2X4uDnUTI/AAAAAAAAAQo/ew0nwwJLGWY/s1600/box7.png");
	background-repeat:no-repeat;
    margin: 0 auto;
    opacity: 997;
    padding-top: 43px;
    width: 331px;
    height: 343px;
    z-index:999;
    cursor:pointer;
    ; /* metade da largura */
    margin-top: -145px; /* metade da altura */
    position: fixed;
    top: 60%;
    left: 50%;
    text-align: center;
}
#fechar {
z-index:10;
}
</style>

<div id="fechar" onclick="document.getElementByID('lightboxContent').style.display='none';">
<b>Clique no X para fechar!</b>
</div>

não sei porque não está fechando.... pq o tyle.display='none' não está funcionando ?

[kikombat 16]

var $q = jQuery.noConflict();

$q(function () {

$q(document).on('click', "#fechar", function () {

$q("#lightbox, #lightboxContent").hide();

});

});

[11closed 0]

amigo, obrigado por tentar ajudar, mas não deu certo, após o clique ela continua na msm

[kikombat 16]

Qual a tag raiz do lightbox?