从单独的链接更改文本

Question

我试图在鼠标悬停时从单独的链接更改DIV内的内容。每个链接的内容都不同。我希望DIV中的默认内容与mouseleave一起显示。我很难用jquery来解决这个问题。任何人都可以指出我正确的方向或有一个例子来帮助。

我想出了如何使用鼠标悬停更改内容，但我需要帮助才能使用mouseleave返回原始内容。

非常感谢。

这是我的代码：

<div id="CONTENT">My content needs to change here.</div>

<div id="nc_wrap2">

<a class="nc1" href="#">Link 1</a>
<a class="nc2" href="#">Link 2</a>
<a class="nc3" href="#">Link 3</a>
<a class="nc4" href="#">Link 4</a>
<a class="nc5" href="#">Link 5</a>



</div>  

Answer 1

使用html的基本示例：

http://jsfiddle.net/XMXct/

----根据评论编辑----

尝试使用switch语句：http://jsfiddle.net/rtE2a/1/