How can I change this from onClick to hover?

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

<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);
elm.style.display = value;
}
</script>

<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>
2

Change the word “click” to “mouseover”.

3

that was silly, thank you!