小程序点击实现隐藏和显示（两个事件双向）

刚开始做小程序的小白，遇到了一个问题就是这个

就是这个点击事件，我查到的方法只有https://blog.csdn.net/zero_1996/article/details/74067201这种，只能实现一个事件的显示隐藏。

WXML文件

<view class="hide{{showView?'':'show'}}">
    <view class='content'>
        <button bindtap="class5"><text>￥4680\n(商务班)</text></button>
        <button bindtap="class6"><text>￥6880\n(至尊班)</text></button>
    </view>
</view>
<view class="hide{{showView?'show':''}}">
    <view class='content'>
        <button bindtap="class1"><text>￥3180\n(普通班)</text></button>
        <button bindtap="class2"><text>￥3480\n(VIP班)</text></button>
        <button bindtap="class3"><text>￥4080\n(商务班)</text></button>
        <button bindtap="class4"><text>￥4980\n(至尊班)</text></button>
    </view>   

</view>

wxss文件

.hide{
 display: none;
}
.show{ 
 display: block;

}

JS文件

onChangeShowState_show : function () {

var that = this;

that. setData({

showView: that. showView = true

})

},

onChangeShowState_hid : function () {

var that = this;

that. setData({

showView: that. showView = false

})

},

恩恩，就这样啦