How can I change this from onClick to hover?

<style type="text/css">
.text{display: none;width:300px;border: solid 1px lightblue;}
#text0{display: block;}

<script type="text/javascript">
var currLayerId = "text0";
function togLayer(id)
if(currLayerId) setDisplay(currLayerId, "none");
if(id)setDisplay(id, "block");
currLayerId = id;

function setDisplay(id,value)
var elm = document.getElementById(id); = value;

<a href="#" onclick="togLayer('text0');return false;">text0</a>
<a href="#" onclick="togLayer('text1');return false;">text1</a>
<a href="#" onclick="togLayer('text2');return false;">text2</a>
<a href="#" onclick="togLayer(null)">Show none</a>

<div id="text0" class="text">Content of text0</div>
<div id="text1" class="text">Content of text1</div>
<div id="text2" class="text">Content of text2</div>

Change the word “click” to “mouseover”.

that was silly, thank you!