Hide SharePoint Web Part Using Javascript Onclick Method

i need a little bit of help, I am trying to use JavaScript embedded in a SharePoint Content editor web part to hide specific web parts as the items are clicked, however it does not seem to work can anyone give me any hints/ideas?

<script type="text/javascript">
function hidepart() 
var hlf = document.getElementById("MSOZoneCell_WebPartWPQ3");
    MSOZoneCell_WebPartWPQ3.style.display="none";
    }
</script>
enter code here


 <a id="myLink" target="_blank" rel="nofollow noreferrer" href="#" onclick="hidepart();return false;">Test</a>    

You could use the following code :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript">
function hidepart()
 {
 $('#MSOZoneCell_WebPartWPQ3').hide(); 
 }
</script>
enter code here
<a id="myLink" target="_blank" rel="nofollow noreferrer" href="#" onclick="hidepart();return false;">Test</a>