Javascript 单击或使用链接打开时更改accordion标题上的文本

我制作了一个可折叠的页脚，我希望单击时文本从“打开”更改为“关闭”。我已经弄明白这部分了。我遇到的问题是，单击按钮/链接时，我还希望页脚以相同的方式展开，文本以相同的方式更改。任何帮助都将不胜感激

//折叠页脚
$（“#collapseOne”）.on（“show.bs.collapse”，function（）{
$（“html，body”）.animate（{scrollTop:999999}，“slow”）；
});
//单击页脚时在打开和关闭之间切换
$（'.switchCopy'）。单击（函数（）{
var$this=$（this）；
$this.toggleClass（'switchCopy'）；
if（$this.hasClass（'switchCopy'））{
$this.text（'open'）；
}否则{
$this.text（'close'）；
}
});
部分{
填充：150px0；
}
瑞德先生{
背景:#f98383；
}
黄先生{
背景：#ecec87；
}
格林先生{
背景：#c1ffc1；
}
/*脚手风琴*/
#手风琴{
底部：0；
宽度：100%；
}
.panel默认值>.panel标题{
背景:#FF4040；
}
.小组标题{
填充：0；
边框左上半径：0px；
边框右上角半径：0px；
}
.小组小组.小组{
边界半径：0；
背景:#FF4040；
}
.小组标题a{
颜色：#FFFFFF；
文本对齐：居中；
宽度：100%；
显示：块；
填充：10px 15px；
字体大小：24px；
字体系列：Helvetica、Arial、无衬线字体；
大纲：无；
}
.面板标题a：悬停，
.小组标题a：焦点，
.专家组标题a：活动{
文字装饰：无；
大纲：无；
}

大自由号、索利西图丁a号、坦普斯turpis。两人一组，猫咪一组，尼布·夸姆·拉奥里特·精英，我是弗林利亚·维利特·利奥·内克。埃尼安·尼克，不侵权的后果，不侵权的后果。奎斯克
在ultrices ante。我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严。相位效率是由leo posuere和ultrices venenatis risus rutrum组成的。无便利性是一种无障碍的行为


这是一种绝妙的智者调味品，是一种生命之旅。在饮食中，大熊猫（magna maximus nunc Ultrices maximus）。不要喝啤酒，因为它能使人清醒。它是一种高级调味品，是一种生命的调味品。在麦格纳
最大的，最大的。不要在饭桌前喝茶，而要在饭桌上喝茶。这是一种绝妙的智者调味品，是一种生命之旅。在饮食中，大熊猫（magna maximus nunc Ultrices maximus）。Donec congue lobortis ante，
这是我的荣幸。
要完成此操作，请在“on show”手风琴事件处理程序中添加文本切换代码，并使用相同的文本切换逻辑添加“on hide”手风琴事件处理程序。我将文本切换逻辑放在它自己的函数中。例如：

var $switch = $('.switchCopy');
//changes footer text based on inclusion of switchCopy class
function toggleAccordionText() {
    $switch.toggleClass('switchCopy');
    if($switch.hasClass('switchCopy')){
      $switch.text('open');     
    } else {
      $switch.text('close');
    }
};

//show footer
$("#collapseOne").on("show.bs.collapse", function() {
    $("html, body").animate({ scrollTop: 999999 }, "slow");
  toggleAccordionText();
//hide footer
}).on("hide.bs.collapse", toggleAccordionText);

//switch between open and close when footer is clicked
$switch.click(toggleAccordionText);

要实现这一点，请在“on show”accordion事件处理程序中添加文本切换代码，并使用相同的文本切换逻辑添加“on hide”accordion事件处理程序。我将文本切换逻辑放在它自己的函数中。例如：

var $switch = $('.switchCopy');
//changes footer text based on inclusion of switchCopy class
function toggleAccordionText() {
    $switch.toggleClass('switchCopy');
    if($switch.hasClass('switchCopy')){
      $switch.text('open');     
    } else {
      $switch.text('close');
    }
};

//show footer
$("#collapseOne").on("show.bs.collapse", function() {
    $("html, body").animate({ scrollTop: 999999 }, "slow");
  toggleAccordionText();
//hide footer
}).on("hide.bs.collapse", toggleAccordionText);

//switch between open and close when footer is clicked
$switch.click(toggleAccordionText);

我所做的是给你的按钮一个新的类主链接，并添加了两个scrip，它们在点击事件中更改链接的文本，使用三元运算符，基本上是if-else语句的简短版本。


//折叠页脚
$（“#collapseOne”）.on（“show.bs.collapse”，function（）{
$（“html，body”）.animate（{scrollTop:999999}，“slow”）；
});
//单击页脚时在打开和关闭之间切换
$（'.primary link'）。单击（函数（）{
$（'.switchCopy'）.text（$（'.switchCopy'）.text（）='close'？'open'：'close'）；
});
$（'.switchCopy'）。单击（函数（）{
$（this）.text（$（this）.text（）=='close'？'open'：'close'）；
});
部分{
填充：150px0；
}
瑞德先生{
背景:#f98383；
}
黄先生{
背景：#ecec87；
}
格林先生{
背景：#c1ffc1；
}
/*脚手风琴*/
#手风琴{
底部：0；
宽度：100%；
}
.panel默认值>.panel标题{
背景:#FF4040；
}
.小组标题{
填充：0；
边框左上半径：0px；
边框右上角半径：0px；
}
.小组小组.小组{
边界半径：0；
背景:#FF4040；
}
.小组标题a{
颜色：#FFFFFF；
文本对齐：居中；
宽度：100%；
显示：块；
填充：10px 15px；
字体大小：24px；
字体系列：Helvetica、Arial、无衬线字体；
大纲：无；
}
.面板标题a：悬停，
.小组标题a：焦点，
.专家组标题a：活动{
文字装饰：无；
大纲：无；
}

大自由号、索利西图丁a号、坦普斯turpis。两人一组，猫咪一组，尼布·夸姆·拉奥里特·精英，我是弗林利亚·维利特·利奥·内克。埃尼安·尼克，不侵权的后果，不侵权的后果。奎斯克
在ultrices ante。我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严，我们的尊严。相位效率是由leo posuere和ultrices venenatis risus rutrum组成的。无便利性是一种无障碍的行为


这是一种绝妙的智者调味品，是一种生命之旅。在饮食中，大熊猫（magna maximus nunc Ultrices maximus）。不要喝啤酒，因为它能使人清醒。它是一种高级调味品，是一种生命的调味品。在麦格纳
最大的，最大的。不要在饭桌前喝茶，而要在饭桌上喝茶。这是一种绝妙的智者调味品，是一种生命之旅。在饮食中，大熊猫（magna maximus nunc Ultrices maximus）。Donec congue lobortis ante，
奎斯公司