jquery,切换css内容(向上和向下箭头)

Question

我使用jquery来切换元素.我使用的按钮是用CSS设置的.
我想根据切换元素()的状态更改内容,从\25BC(向下箭头)到\25B2(向上箭头$(#categories ul)).
应该怎么做？

代码:

   a#categories-toggle:after{
      content: "\25BC";
   }

   $().ready(function(){
      $("#categories-toggle").on('click', function(eve){
         eve.preventDefault(); 
         $("#categories ul").toggle();
      });
   });

Answer 1

CSS:

a#categories-toggle.down:after{
  content: "\25BC";
}
a#categories-toggle:after{
  content: "\25B2";
}

HTML:

<a id="categories-toggle" href="#">foo</a>

jQuery的:

$("#categories-toggle").on('click', function(eve){
     eve.preventDefault(); 
     $(this).toggleClass("down");
  });