jQuery - 文本只切换一次

Question

我有一个简单的脚本，应该从 + 更改为 -当 Content 打开时，向后。
但是现在，当它更改为 - 时，无论如何都会保持为 -。即使您折叠内容，它仍保持为 -。

我试图反转函数，但它只是对 + 做了同样的事情。

jQuery

$(document).ready(function(){
    $("#expanderHead").click(function(){
        $("#expanderContent").slideToggle();
    if ($("#expanderSign").text() != "+"){
        $("#expanderSign").html("-")
    } else {
        $("#expanderSign").html("+")
    }
    });
});

---

HTML

<span id="expanderHead" style="cursor:pointer;">
    Lorem ipsum Lorem ipsum Lorem ipsum.
    <span id="expanderSign">+
    </span></span>
    <div id="expanderContent" style="display:none; color: green;">
    <sup><p>Lorem ipsumLorem ipsumLorem ipsum<br>
    Lorem ipsumLorem ipsumLorem ipsumLorem ipsum,<br>
     Lorem ipsumLorem ipsumLorem ipsum.</p>
     </sup>
  </div>

Answer 1

你的逻辑是错误的，你是说如果符号当前不是+(它是-)，那么将它设置为-。符号将始终为 -。

将您的条件更改为:

if ($("#expanderSign").text() == "+"){

或者用你的 text() 函数怎么样？方法:

$("#expanderSign").text(function(i,v){
    return v == '-' ? '+' : '-';
})

JSFiddle