Click navigation

Click navigation in JavaScript refers to a navigation system that reacts to user clicks, typically by either dynamically updating the page or navigating to a new page or section.
This can include things like single-page applications (SPA) where the content changes without reloading the page, smooth scrolling navigation, or toggle-based navigation.

Codes

HTML	CSS	Javascript (to put in <head>)
<div class="menu" onClick="klick(this)" id="Menu1"> Navigation 1 </div> <span class="points" style="display:none"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Gfx</a> <a href="#">Tutorials</a> <a href="#">Impressum</a> <a href="#">Affiliates</a> </span>	.naaaavi { font: normal 0.9em quicksand, sans-serif; background-color: #dcdcdc; border: solid 1px #F1EDED; line-height: 20px; text-align: right; height: 20px; width:200px; margin: 0px; padding: 0px; color:#808080; } .points a, .points a:visited , .points a:active { font: normal 0.9em quicksand, sans-serif; background-color: #FCFAF8; border: solid 1px #F1EDED; text-decoration:none; text-align: left; line-height: 20px; display: block; height: 20px; width:200px; color:#808080; } .points a:hover { background-color:#fff; color:#B9B9B9; }	<script language="JavaScript1.2" type="text/javascript"> var ns6=document.getElementById&&!document.all?1:0 var head="show:''" var folder='' function klick(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } </script>

Example

Navigation 1