用jQuery切换文本

Question

如何在li （点击后） 开头的“+”或“ - ”之间切换.text（）？这是http://flatfilthy.se/dominic/

最底部的扩展对象

$(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);
    });
});