Jquery 引导折叠需要点击两下才能在Joomla站点上打开

在这个Joomla页面中 首先，您必须按两次“显示更多”按钮才能获得引导折叠插件，以显示可折叠的内容。 然后，按钮按预期的方式一次单击即可工作（显示/隐藏可折叠内容）

这是我的Joomla的文章html

<div class="container">
    <h1 class="category">Blog
        <button type="button" class="btn-arrow" data-toggle="collapse" data-target="#subcategory">Show More
            <span class="glyphicon glyphicon-chevron-down"></span></button>
    </h1>
    <div id="subcategory" class="container collapse">
        <div id="subcategories">
            <div class="row" style="margin: 30px 0 0 0;">More content</div>
        </div>
    </div>
</div>



<script>     
    $jq1('#subcategory').on('hidden.bs.collapse', function () {
      $jq1(".btn-arrow").html('Show More <span class="glyphicon glyphicon-chevron-down"></span>');  
    });
    $jq1('#subcategory').on('shown.bs.collapse', function () {
      $jq1(".btn-arrow").html('Show Less <span class="glyphicon glyphicon-chevron-up"></span>');
    });
</script>

博客
显示更多
更多内容
$jq1（“#子类别”）.on（'hidden.bs.collapse'，function（）{
$jq1（“.btn箭头”）.html（'Show More'）；
});
$jq1（“#子类别”）.on（'show.bs.collapse'，function（）{
$jq1（“.btn箭头”）.html（'Show Less'）；
});

---

任何帮助都将不胜感激

首次单击时，此属性将添加到按钮中

aria-expanded="false"

因此，如果扩展，div将被折叠。当您第二次单击时，它将变为

aria-expanded="true"

---

如果div被折叠，它将被展开。因此，只有当它变为真时，div才会展开。您需要检查哪个javascript正在添加这个额外属性。您必须使第一次单击为true，第二次单击为false。

即使设置了

aria expanded=true

，我也遇到了这个问题。如果您希望默认打开它，请添加

show

类以折叠内容，并设置

aria expanded=true

您发布的代码很好。第一次单击即可将代码复制/粘贴到works中。问题一定在别处。顺便说一句，这里真的不需要崩溃。问候希腊。谢谢你的回答托尼。实际上，这里并不需要崩溃，但我在这里使用的代码与用希腊语编写的代码相同！谢谢你的回答，阿米特·雷。任何建议-链接如何检查添加此额外属性的javascript？我是新手。