微信小程序导航点击显示隐藏切换

在布局微信小程序的时候，遇到了导航点击显示和隐藏切换问题。微信小程序的导航隐藏与显示，虽然跟网页中用js控制的道理一样，但是在微信小程序定制开发的过程中，还是跟网页中不一样。以下是流程。

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比翼城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式翼城网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖翼城地区。费用合理售后完善，10年实体公司更值得信赖。

wxml:

image>

view>

image>

view>

view>

网站首页navigator>

网站建设navigator>

商城建设navigator>

小程序制作navigator>

联系我们navigator>

view>

wxss：

.hide{

display: none;

}

.show{

display: block;

}

js：

data: {

    src: src="/upload/article1/logo.png',

    navsrc: src="/upload/article1/navsrc.png',

    editTrue: true

  },

shownav: function () {

var that = this;

if (that.data.editTrue == true) {

that.setData({

editTrue: false,

})

} else {

that.setData({

editTrue: true,

})

}

}