Wechat апплет, две кнопки раскрываются одновременно

Question

Две кнопки на одной странице кнопка A содержит две вложенные кнопки c и d кнопка B содержит две вложенные кнопки e и f

нажмите кнопку A, расширенная кнопка c и d, нажмите расширенную кнопку B, расширенную кнопку e и f

но теперь, когда я нажимаю кнопку A или B, все sub_button раскрываются

АБ не должен влиять друг на друга

// wxml

    <view>
        <button class="aaa" disabled="{{disabled}}" bindtap='submit'>

            <text>AAA</text>
        </button>
    </view>
</view>





<!-- 展开 -->
<view class="data-expand p10 border-bottom" wx:if="{{ item.flag }}">
    <button class="ccc" type="warn">ccc</button>
    <button class="ddd" type="warn">ddd</button>
</view>

    <view>
        <button class="bbb" disabled="{{disabled}}" bindtap='submit'>

            <text>BBB</text>
        </button>
    </view>
</view>





<!-- 展开 -->
<view class="data-expand p10 border-bottom" wx:if="{{ item.flag }}">
    <button class="eee" type="warn">eee</button>
    <button class="fff" type="warn">fff</button>
</view>

// Javascript

 Page({ data: { tempInfo: [{ }, ], dataInfo: [], }, 
expandDetail: function (e) { var idx = e.currentTarget.dataset.idx, key = "dataInfo[" + idx + "].flag", val = this.data.dataInfo[idx].flag; this.setData({ [key]: !val }); },
 onLoad: function(opt) { for (var i in this.data.tempInfo) { this.data.tempInfo[i].flag = false; }; this.setData({ dataInfo: this.data.tempInfo }); }, })