How can I use html:link to run only a JavaScript function?

I am trying to hide a div "chunk" using an html-el:link tag but its not working.  I'm setting the page attribute equal to the page in which the div is located.  I'm just getting a "page not found" error.  Can someone tell me how to hide the div section using the link without getting the error page?

Thanks to all of you good souls!

function hideCriteriaSubTotals() {
	alert("Point1");
	document.getElementById("criteriaSubtotals").style.display="none";
	
	alert("Point2");
}
 
<html-el:link page="/jsp/pendingTotalsReport.jsp" onclick="hideCriteriaSubTotals();" >
       Hide Criteria Subtotals
</html-el:link>
 
<div id="criteriaSubtotals">		
       CriteriaSubtotal goes here.			
</div>

Select allOpen in new window