JQUERY给予CLASS值

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





先谢过各位

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

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

或者

$(".slidshow").addClass("on");

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

<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>