JQUERY授予CLASS值 _Ajax

JQUERY赋予CLASS值
各位好:刚搞了一个JQUERY的折叠样式.
不知道怎么样做ADD CLASS的样式.
麻烦各位帮忙看下

JQUERY代码
------------------------
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("div.text").show();
jQuery(".slidshow").click(function(){
jQuery(this).next(".text").slideToggle("slow");
})
});
</script>

HTML代码
------------------------
<a class="slidshow" style="font-size:12px;">分类导航</a>

------------------------
希望可以变为下面样式
<a class="slidshow on" style="font-size:12px;">分类导航</a>

------------------------

添加CLASS部分为slidshow ========> slidshow on

先谢过各位

------解决方案--------------------

JScript code

$(".slidshow").attr("class","slidshow on");

------解决方案--------------------

HTML code<style type="text/css">
.on{background:#f00;color:White;}
</style>
<a class="slidshow" style="font-size:12px;">分类导航</a><div class="text">希望可以变为下面样式</div>

<script type="text/javascript" src="jq.js"></script>
 <script type="text/javascript">
     jQuery(document).ready(function () {
         jQuery("div.text").show();
         jQuery(".slidshow").click(function () {
             jQuery(this).next(".text").slideToggle("slow");
             $(this)[this.className.indexOf('on') != -1 ? 'removeClass' : 'addClass']('on');//////
         }).addClass('on');
     });
</script>