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

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







就是这个点击事件，我查到的方法只有
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 }) },
恩恩，就这样啦

• « 上一篇：hadoop的HDFS读写数据流程
• » 下一篇：鸡和兔关在一个笼子里，鸡有2只脚，兔有4只脚，没有例外。现总共a只脚，求最少有多少只动物，最多有多少只动物？如果没有满足要求的答案，输出0 0.