ブートストラップの折りたたみは、Joomlaサイトで開くために2回クリックする必要があります

Question

このJoomlaのページhttp://185.25.22.156/petshop.gr/index.php/blog 最初に「詳細を表示」ボタンを2回押して折りたたみ可能なコンテンツを表示するブートストラップの折りたたみプラグインを取得する必要があります。 ボタンをクリックするだけで、折りたたみ可能なコンテンツを表示/非表示できます。ここで

は、すべてのヘルプは非常に高く評価され、私の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> 

です！

Answer 1

あなたはこの属性はボタン

aria-expanded="false" 

に追加されるよりも、最初にクリックされた場合、拡張のであれば、DIVは、崩壊します。 2回目をクリックすると

aria-expanded="true" 

崩壊した場合はdivが展開されます。だから、それが真実になったときだけ、divは拡大されます。この特別な属性を追加するJavaScriptを確認する必要があります。あなたは最初のクリックを真にしなければならず、2回目を偽にする必要があります