toggle tabs without jQuery and javascript

togglewithoutjs

<script type="text/javascript">
        function toggleRow(id){
                if(id === "link1"){
                        document.getElementById('link1').style.display = 'block';
                        document.getElementById('link2').style.display = 'none';
                        document.getElementById('link3').style.display = 'none';
			           
                }
                else if(id === "link2"){
                        document.getElementById('link1').style.display = 'none';
                        document.getElementById('link2').style.display = 'block';
                        document.getElementById('link3').style.display = 'none';
						
                }
                else if(id === "link3"){
                        document.getElementById('link1').style.display = 'none';
                        document.getElementById('link2').style.display = 'none';  
                        document.getElementById('link3').style.display = 'block';
                       
                }
				
        }
</script>



<a onclick="toggleRow('link1')" id="">link1</a>
<a onclick="toggleRow('link2')" id="">link2</a>
<a onclick="toggleRow('link3')" id="">link3</a>

<div  id="link1" style="display:block;">
this is link 1
</div>

<div  id="link2" style="display:none;">
this is link 2
</div>

<div  id="link3" style="display:none;">
this is link 3
</div>