Jquery加号和减号符号切换

Question

我在菜单上使用以下语法.

<div id="flip5"><a href="#">Demo <span id="togglebut">+</span></a></div>

我想弄清楚当用户点击链接时如何切换+.

该链接打开一个隐藏的div.

到目前为止,我已经得到了下面的代码,但它并不是真正的切换.

$("flip5").click(function(){
  $("togglebut").html("-");
}); 

这有什么帮助吗？

Answer 1

检查HTML是否已经存在"+",是否将其更改为"-",反之亦然:

$("#flip5").click(function(){
    $("#togglebut").html(function(_, html) {
        return $.trim(html) == '+' ? '-' : '+';
    });
}); 

小提琴