小程序中实现列表点击某条展开隐藏

小程序中实现列表点击某条展开隐藏

废话不说，先上图：

实现此功能大致就是两步：
1.第一步就是改变数据，去实现view变动
2.第二步就是显示隐藏

此时定义两个变量
ID 和 showview
id确认是哪个列表的某一条 改变
showview 是该某一条是 显示还是隐藏

具体代码如下：
wxml中

    <text style="{
  {index==id?'color:#8B008B':'color:gray'}}" class="title">{
  {item}}</text>

    <view wx:if="{
  {index==id}}" >
        <view class="hide{
  {showView?'show':''}}"> 展开</view>
    </view>