在微信小程序中，控制显示隐藏的方法主要有以下几种：
使用 `hidden` 属性
在 WXML 文件中，给需要控制显示和隐藏的元素添加 `hidden` 属性，并将其设置为一个变量，通过改变该变量的值来控制元素的显示和隐藏。
在对应的 JavaScript 文件中，可以通过改变变量的值来控制元素的显示和隐藏。例如：
```javascript
Page({
data: {
isHidden: false // 默认显示
},
toggleHidden: function() {
this.setData({
isHidden: !this.data.isHidden
});
}
});
```
在 WXML 文件中，使用 `hidden="{{isHidden}}"` 来绑定 `hidden` 属性。
使用 CSS 样式
在 WXML 文件中，为需要控制显示和隐藏的元素添加一个自定义的类名，并使用 CSS 样式来控制元素的显示和隐藏。
在对应的 WXSS 文件中，定义相应的 CSS 样式来控制元素的显示和隐藏。例如：
```css
.hide-element {
display: none; /* 隐藏元素 */
}
```
当需要显示该元素时，可以通过移除或修改对应的 CSS 类名来实现元素的显示。
使用 `wx:if` 指令
在 WXML 文件中，使用 `wx:if` 指令来控制元素的显示和隐藏。当条件为真时，该元素才会被渲染和显示出来；当条件为假时，该元素会被移除并销毁。
例如：
```html
```
使用动态数据绑定
通过动态数据绑定来控制元素的显示和隐藏。在微信小程序中，可以使用 `data` 属性来定义一个变量，然后通过修改该变量的值来控制元素的显示和隐藏。
例如：
```javascript
Page({
data: {
showElement: true
},
toggleElement: function() {
this.setData({
showElement: !this.data.showElement
});
}
});
```
在 WXML 文件中，使用 `{{showElement}}` 来绑定 `showElement` 变量。
使用 `opacity` 属性
通过改变元素的 `opacity` 属性值来控制元素的显示和隐藏。当 `opacity` 为 0 时，元素不可见；当 `opacity` 为 1 时，元素可见。
例如：
```css
.hide-element {
opacity: 0; /* 隐藏元素 */
}
```
使用 `display` 属性
通过改变元素的 `display` 属性值来控制元素的显示和隐藏。当 `display` 为 `none` 时，元素不可见；当 `display` 为其他值时，元素可见。
例如：
```css
.hide-element {
display: none; /* 隐藏元素 */
}
```
根据具体需求选择合适的方法来实现小程序中元素的显示和隐藏。如果需要频繁切换显示和隐藏，建议使用 `wx:if` 指令或动态数据绑定，因为它们在性能上更优。如果只是简单地控制元素的可见性，可以使用 `hidden` 属性或 CSS 样式。
