jquery导航栏问题

Question

<style>
.hover{background:red}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    var s = location.search?location.search:"?id=1";
    s = s.replace(/\?/g,"\\?");
    $(".leftBar ul li a").each(function(){
        var re = new RegExp(s + "$","i");
        if(re.test($(this).attr("href"))) $(this).addClass("hover");
    })
});
  </script>
<div class="leftBar fl">
  <ul class="liftNav">
  <li><a class="" href="products.aspx?id=1" title="">点击1</a></li>
  <li><a class="" href="products.aspx?id=2" title="">点击2</a></li>
  <li><a class="" href="products.aspx?id=3" title="">点击3</a></li>
</ul>
</div>
这里已经实现了 ，点击那里就在那里 加 hover
下面的怎么加上另外的样式呢？
 <div class="leftBar">
     <ul class="navlist">                
             <li><span class="expanded">PULLER</span> <!--当前页默认样式加  class="expanded" -->
              <p style="display:block"> <!--当前页默认样式加 style="display:block" -->             
              <a class="current" href="products.aspx?id=1">Rectangle</a> <!--当前页默认样式加class="current" -->             
            <a href="products.aspx?id=2" >点击2</a>                
            <a href="products.aspx?id=3" >点击3</a>          
            <a href="products.aspx?id=4" >点击4</a>         
            </p>
        </li>
         <ul/>
<div/>
怎么加上上面的样式呢？