微信小程序隐藏显示实例代码效果

很多新手不知道小程序怎么点击隐藏，再点击显示的效果，我帮大家写一个，希望有用

1.wxml代码

<view bindtap="appShow">点击这儿</view>
<view wx:if="{{a}}">要隐藏显示内容</view>

2.js代码

Page({
  data: {
    a: true
  },
  appShow: function () {
    var that = this;
    if (that.data.a) {
      that.setData({
        a: false
      })
    } else {
      that.setData({
        a: true
      })
    }
  }
})