我似乎无法让我的箭头,在正确的方向显示当折叠项目折叠或展开(JSFiddle)if语句不正常
代码:
$('body').on("click", "span#expandcollapse", function()
{
$(this).text(function(i, currentText)
{
return currentText === 'Expand All' ? 'Collapse All' : 'Expand All';
});
if($(this).text() === 'Expand All')
{
//Currently collapsed
if($('.projectscontainer').find("div.destarrow").hasClass('arrow-right'))
$('.projectscontainer').find('div.destarrow').toggleClass("arrow-right arrow-down");
$(".projectscontainer").find(".srcprojects").toggle(false);
}
else
{
//Currently expanded
$(".projectscontainer").find(".srcprojects").toggle(true);
if($('.projectscontainer').find("div.destarrow").hasClass('arrow-down'))
$('.projectscontainer').find('div.destarrow').toggleClass("arrow-down arrow-right");
}
});
此行没有如预期运行:
if($('.projectscontainer').find("div.destarrow").hasClass('arrow-down'))
$('.projectscontainer').find('div.destarrow').toggleClass("arrow-down arrow-right");
当我点击展开所有的项目应扩大(工作),箭头应指向下(不工作)。当我点击全部折叠时,相反应该发生。 例如,如果我点击其中一个绿色项目,然后点击全部展开,则所点击项目的箭头方向不同。
我在做什么错?如果我有一个巨大的列表,是否有任何性能问题需要解决?谢谢!
适用于我(如果你正在谈论绿色物品旁边的箭头) – bfavaretto 2013-03-21 01:35:12
例如,如果我点击其中一个绿色物品,然后点击展开全部,点击物品的箭头方向不同。 – theintellects 2013-03-21 01:37:25
对不起,我错过了展开所有链接。似乎你已经有了一个可行的答案。 – bfavaretto 2013-03-21 01:52:59