.remove()的问题

时间:2011-08-21 17:27:51

标签: javascript jquery

我一直在为我的扩展/折叠手风琴条替代解决方案一段时间,似乎无法找到适当的功能,在必要时用“关闭”替换触发词“打开”。

我知道这很简单,希望在一年后我会回头笑一笑。在此之前,任何有经验的人对jsFiddle http://jsfiddle.net/mtubb/的任何快速帮助都会非常有帮助。

2 个答案:

答案 0 :(得分:5)

它实际上比你制作它简单: - )

我已经更新(并分叉)了你的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();
});

答案 1 :(得分:1)

我在您提供的小提示中更新了您的代码,这里是解决方案的链接

http://jsfiddle.net/SamirAdel/mtubb/25/