Javascript 切换关闭除一个单击之外的所有

我正试图让这个切换正常工作，我的问题是，如果我点击链接，它显示打开，如果我去下一节，然后点击链接，然后显示打开，所以我有两个文本显示打开时，它应该只有一个点击

我已经看了一些其他的帖子，但似乎无法让它发挥作用

正如您在代码块中所看到的，文本从“打开/关闭”切换，但最终都会显示为“打开”

$（文档）.ready（函数（）{
$（'.hidden'）.removeClass（'hidden'）.hide（）；
$（'.accordian toggle'）。单击（函数（e）{
e、 预防默认值（）；
$（this.find（'span'）.each（函数（）{$（this.toggle（）；}）；
});
})

过程


请出示我的名片。悬韧带。Vivamus ac sem lacus。元素菱形车辆。艾蒂安·奎斯·特里斯蒂克·莱克图斯。在胡斯托，这是一个谎言
请出示我的名片。悬韧带。Vivamus ac sem lacus。元素菱形车辆。艾蒂安·奎斯·特里斯蒂克·莱克图斯。在胡斯托，这是一个谎言
请出示我的名片。悬韧带。Vivamus ac sem lacus。元素菱形车辆。艾蒂安·奎斯·特里斯蒂克·莱克图斯。在胡斯托，这是一个谎言
请查找手风琴的工作jquery代码

<script type="text/javascript">
$(function() {
    $('.hidden').removeClass('hidden').hide();
    $('.accordian-toggle').click(function (e) {
    e.preventDefault();
    var closedEl;
    var openEl; 
    $('.card').each(function(){
        openEl = $(this).find('.accordian-toggle').find('span').find('i.fa-door-open');
        closedEl = $(this).find('.accordian-toggle').find('span').find('i.fa-door-closed');
        $(closedEl).parent('span').show();
        $(openEl).parent('span').hide();
    });
    $(this).find('span').find('i.fa-door-open').parent('span').show();
    $(this).find('span').find('i.fa-door-closed').parent('span').hide();
    });
})
</script>


$（函数（）{
$（'.hidden'）.removeClass（'hidden'）.hide（）；
$（'.accordian toggle'）。单击（函数（e）{
e、 预防默认值（）；
var closedEl；
var-openEl；
$（'.card'）。每个（函数（）{
openEl=$（this）.find（'.accordian toggle'）.find（'span'）.find（'i.fa-door-open'）；
closedEl=$（this）.find（'.accordian toggle'）.find（'span'）.find（'i.fa-door-closed'）；
$（closedEl.parent（'span'）.show（）；
$（openEl.parent（'span'）.hide（）；
});
$（this）.find（'span'）.find（'i.fa-door-open'）.parent（'span'）.show（）；
$（this）.find（'span'）.find（'i.fa-door-closed'）.parent（'span'）.hide（）；
});
})
我可以推荐一个简单的例子吗？（请参阅）-它可以让您更有效地关注核心问题。这里有很多HTML…你的意思是说应该只有一个“打开”按钮，另一个应该有“关闭”文本。我说的对吗？您好，达瓦伊，是的，没错，您从2012年起就不需要
$（document）.ready（）
。使用
$（函数（）{…}）
。这节省了包装元素的时间。欢迎@GeorgePhillipson@Soviut感谢您的评论，代码更新并使用$（function（）{…}）而不是$（document）.ready（）。