javascript - jQuery でテキストを切り替える

Question

li の開始時に .text() を「+」または「-」の間で切り替えるにはどうすればよいですか(クリックしたとき) ? http://flatfilthy.se/domic/の一番下にある拡張オブジェクト用です。

$(function(){
   $(".vaccordian li.expander").on('click', function(){
      $(this).toggleClass('active').siblings().removeClass('active');
   });
});

Answer 1

これは、CSS を少し使用して実現できます。たとえば、次のようになります。

li.expander:before {
    content: '+';
}

li.expander.active:before {
    content: '-';
}

Answer 2

$(".vaccordian li.expander").on('click', function(){
    $(this).toggleClass('active').siblings().removeClass('active');
    $(this).text(function(oldtext) {
        var first = oldtext.substr(0, 1);
        return (first == "+" ? "-" : "+") + oldtext.substr(1);
    });
});