Javascript 使用按钮隐藏div

我正在使用下面的命令隐藏一个图层，一旦单击了“是”按钮，就只有“是”按钮消失（没有按钮保留），我仍然无法选择后面的产品 “woverlay”分区

<?php
if($verification == 1){
?>
<div id="woverlay" style="display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:1.0;filter:alpha(opacity=100);-moz-opacity:.8; z-index:10000;text-align:center;"> 

        <div style="position:absolute;top:25%;left:20%;width:60%;padding:20px;">
        <div id="content">
        <div class="top">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center">
      <h1><?php echo $text_verify_title; ?></h1>
    </div>
  </div>
  <div class="middle">
        <table bgcolor="white"><tr><td> 
            <?php echo $text_verify_text; ?><br /><br />
            <a class="button" onclick="hide()"><span><?php echo $text_yes; ?></span></a> 
            <a href="index.php" class="button"><span><?php echo $text_no; ?></span></a> 
            <br /><br /> 
</td></tr></table> 
 </div>
  <div class="bottom">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center"></div>
  </div>
</div>
        </div> 
    </div> 
   <script src="catalog/view/javascript/jquery.cookie.js"></script>
    <script type="text/javascript"> 
        if($.cookie("valide")==null){

        var w = document.getElementById('woverlay');
        w.style.display = 'block';
        document.body.style.height = '100%';
        document.body.style.overflow = 'hidden';
        }
        function hide(){
        var h = document.getElementById('woverlay');
        h.style.display = 'none';
        $.cookie("valide", 'true')
        }
    </script>
<?php
}
?>

如果（$.cookie（“valide”）==null）{
var w=document.getElementById（'woverlay'）；
w、 style.display='block'；
document.body.style.height='100%'；
document.body.style.overflow='hidden'；
}
函数hide（）{
var h=document.getElementById（'woverlay'）；
h、 style.display='none'；
$.cookie（“valide”，“true”）
}

---

Thx Steve

为什么要将jquery与standar js混合使用？这就是代码的来源-它是一个Opencart插件。如果代码正确，您必须使用firefox/firebug控制台进行调试，或者将代码放入其中进行检查