微信小程序实现折叠展开效果

本文实例为大家分享了微信小程序实现折叠展开效果的具体代码，供大家参考，具体内容如下

wxml：

wxss:

js:

<div class="jb51code">
<pre class="brush:js;">
Page({
data: {

list01: [
{ item_id: 1 },{ item_id: 11 },],list02: [

],list03: [
{ item_id: 11 },{ item_id: 11 }
],list04: [
{ item_id: 11 },// 展开折叠
selectedFlag: [false,false,false],},// 展开折叠选择
changeToggle:function(e){
var index = e.currentTarget.dataset.index;
if (this.data.selectedFlag[index]){
this.data.selectedFlag[index] = false;
}else{
this.data.selectedFlag[index] = true;
}

this.setData({
selectedFlag: this.data.selectedFlag
})
},})

效果图，手风琴效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!