我一直在为我的扩展/折叠手风琴条替代解决方案一段时间,似乎无法找到适当的功能,在必要时用“关闭”替换触发词“打开”。
我知道这很简单,希望在一年后我会回头笑一笑。在此之前,任何有经验的人对jsFiddle http://jsfiddle.net/mtubb/
的任何快速帮助都会非常有帮助。
答案 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)
我在您提供的小提示中更新了您的代码,这里是解决方案的链接