利用jquery实现一个增加css的功能

源html代码

<a href="#" id="Hidden">切换</a>

<div class="content"></div>

当点击上面的链接的时候，下面的div后面的content换成none样式。也就是换成这样

<div class="none"></div>

必须用jquery实现

<a href="#" id="Hidden" onclick="changeStyle();">切换</a>

<div class="content"></div>

<script language="javascript">

function changeStyle()

{

if($("#Hidden").next().attr("class")=="content")

{

$("#Hidden").next().removeClass("content");

$("#Hidden").next().addClass("none");

}

else

{

$("#Hidden").next().removeClass("none");

$("#Hidden").next().addClass("content");

}

}

</script>