javascript - .remove() 的问题

Question

我一直在为我的展开/折叠 Accordion 栏寻找替代解决方案，现在似乎无法想出一个适当的函数来在必要时用“关闭”替换触发词“打开”。

我知道这是简单的事情，希望一年后我回过头来看会笑。在那之前，任何比我更有经验的人对 jsFiddle http://jsfiddle.net/mtubb/ 的快速帮助都会非常有帮助。

Answer 1

它实际上比你做的要简单:-)

我已经更新(并 fork )了您的 JSFiddle here 。使用三元运算符，您可以在一行中切换文本。

三元运算符是 if-else 语句的简写:

var value = (condition == true) ? trueValue : falseValue

可以写成:

if(condition == true)
{
    var value = trueValue;
}
else
{
    var value = falseValue;
}

希望下面的代码所做的事情是相当明显的；如果 span 的内容是 Close，则会更改为 Open，反之亦然。

$('.accord-bar').append("<span>Close</span>");

$('.accord-bar').click(function() {
    $(this).toggleClass('collapsed');

    $(this).find("span").text(($(this).find("span").text() == "Open") ? "Close" : "Open");

    $(this).next('.pairing').slideToggle();
});