<script type="text/javascript" language="JavaScript">
<!--
var i = 0;
function toggle(a)
{
var e = document.getElementById(a);


// element exists
if(!e)return true;

  // switch
  if(e.style.display=="none")
  {
  e.style.display="block"
  }
  else
  {
  e.style.display="none"
  }



return true;
}

function test()
{

var x = document.getElementById('MSOZoneCell_WebPartWPQ4');

x.style.display ="none"

}
test();



</script>

<style type="text/css">
<!--


#MSOZoneCell_WebPartWPQ4{display:none;}


.dbox{
width:500px;
border:1px solid #00AFFF;
padding:15px;
font-family:Arial;
font-size:15px;
font-weight:normal;
color: #000000;
background-color:#F9FCFF;

margin: 5px 0px 10px 0px;
}
-->
</style>


<a href="#" onclick="return toggle('MSOZoneCell_WebPartWPQ4')">click here to toggle the webpart</a>