目的:折叠面板默认不显示,利用toggle实现元素的显示和隐藏
效果:点击元素1时显示元素1的隐藏部分,再次点击时元素1时,元素1隐藏且不影响其他元素的效果;
若点击元素1后点击了元素2,则元素1和元素2的隐藏部分都显示
wxml部分代码如下:
<view class="wehx-card_box" wx:for="{
{array}}" wx:key="index" data-id="index">
<view class="wehx-flex_top">
<label class="weui-cell__hd wehx-title_blue" bindtap="checkRoles">
<checkbox value="{
{item.value}}" checked="{
{item.checked}}"/>{
{item.title}}
</label>
<view class="weui-cell__bd right" data-index='{
{index}}' catchtap='panel'>
<text style="font-size:26rpx;" wx:if="{
{item.toggle == true}}">收起</text>
<text style="font-size:26rpx;" wx:else>更多</text>
<text cla