jquery，切換css內容（向上和向下箭頭）

Question

我使用jquery來切換元素。 我使用的按鈕是用CSS設置的。
我想根據切換元素的狀態（ $(#categories ul) ）更改內容，從\\25BC （向下箭頭）到\\25B2 （向上箭頭）。
應該怎么做？

代碼：

   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");
  });

Answer 2

你試過$（'a＃categories-toggle'）。css（'content'，'\\ 25B2'）; ？

Answer 3

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

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

ToggleClass可以在空格分隔的類之間切換。