Bootstrap 折叠需要两次点击才能在 Joomla 网站上打开答案

【问题标题】：Bootstrap collapse needs two clicks to open on a Joomla siteBootstrap 折叠需要两次点击才能在 Joomla 网站上打开
【发布时间】：2016-12-15 03:43:54
【问题描述】：

在这个 Joomla 页面http://185.25.22.156/petshop.gr/index.php/blog 您必须首先按两次“显示更多”按钮才能获取 Bootstrap 折叠插件以显示可折叠内容。然后按钮按预期工作（显示/隐藏可折叠内容）。

这是我的 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>

任何帮助将不胜感激！！！

【问题讨论】：

您发布的代码很好。将您的代码复制/粘贴到jsfiddle.net/hf2rerL6 中，第一次点击即可使用。问题一定出在其他地方。顺便提一句。这里不需要崩溃。向希腊问好。
感谢您的回答托尼。确实，这里不需要折叠，但我在这里使用相同的代码185.25.22.156/petshop.gr/index.php/skylos，它是用希腊语写的！

标签： jquery twitter-bootstrap joomla collapse

【解决方案1】：

当您第一次单击时，此属性会添加到按钮中

aria-expanded="false"

因此，如果展开，则 div 会折叠。第二次点击就变成了

aria-expanded="true"

如果折叠，则 div 会展开。所以只有当它变为真时，div才会被扩展。您需要检查哪个 javascript 添加了这个额外的属性。您必须使第一次点击为真，第二次点击为假。

【讨论】：

感谢您的回答阿米特雷。任何建议-链接如何检查添加此额外属性的javascript？我是新手。

【解决方案2】：

即使我设置了aria-expanded=true，我也遇到了这个问题。如果您希望它默认打开，请添加show 类以折叠内容并设置aria-expanded=true。

【讨论】：