Ionic Collapasable Viewトグルクラスの問題

Question

私は直面していた私のcollapasableメニューのマイナーな問題。私はそれをトグルしたい。しかし、それは動作していません。

私のソースコードを共有しています。

HtmlのリストインデックスCSSの

$scope.collapse = function(index){ 
     document.querySelector('.canCollapse'+index).classList.toggle('hideBody') 
    } 

.hideBody .item-body{ 
    display: none; 
} 


.hideBody .ifClose{ 
    display: inline-block; 
} 

.hideBody .ifOpen{ 
    display: none; 
} 

チーム下さい決意に従ってボタン // -----インデックス値の変更をクリックするだけで

<div class="canCollapse canCollapse{{index}} hideBody"></div> 
    <div class="standardIcon" ng-click="collapse({{index}})"> 

    </div> 

私の問題。

あなたは非表示にし、このコードのような任意のコンテンツを表示することができます

Answer 1

：

CSS：

.hideBody { 
    display: none; 
} 

HTML：

<div ng-init="isShow=false;" ng-class="{ 'hideBody': isShow }">Data to show</div> 
    <div class="standardIcon" ng-click="isShow = !isShow; ">click </div> 

を