jquery实现文本显示与隐藏功能

<style>
#demo1{background-color:"#EEEEEE";width:260px;border:1px solid black;}
#demo3{display:none}
</style>
<div id="demo1">
<span id="demo4">
一个优秀的程序开发员，除需掌握专业的开发语言
，还要具有
<span id="demo3"> 执着、沉稳、细致的专业素质。</span>
<a href="">显示</a>
</span>

</div>

$(document).ready(
function() {
$("a").click(function(){
if($("a").html()=="显示")
{
$("a").html("隐藏");
$("#demo3").show();
}
else
{
$("a").html("显示");
$("#demo3").hide();
}
})