<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<ul>
<li><a href="home/">Home</a></li>
<li><a href="news/">News</a></li>
<li class="subnav"><a href="about/">About</a>
<ul>
<li><a href="contact/">contact</a></li>
</ul>
</li>
</ul>
<script>
function stopEventOnce(event) {
event.preventDefault();
$(this).unbind('click', stopEventOnce);
return false;
}
$(".subnav a").bind('click', stopEventOnce);
</script>
</body>
</html>
