Тут проще использовать id вместо class, хотя подозреваю, что автор захочет размещать на странице по нескольку подобных элементов, да ещё и с плавным исчезанием - появлением, но коль про это не сказано, ответим исходя из имеющихся данных:
<!doctype html>
<html>
<head>
<title>;)</title>
<meta charset="utf-8">
</head>
<body>
<div id="text1">просто текст</div>
<div id="text2" style="display: none">текст после наведения</div>
<script type="text/javascript">
(function (G) {
var text1 = G.document.getElementById("text1"),
text2 = G.document.getElementById("text2");
text1.onmouseover = function () {
text1.style.display = "none";
text2.style.display = "block";
};
}(this));
</script>
</body>
</html>