微信小程序实现折叠面板

•                                     

wxml:

<view class='help'>

  <view class='help_item' wx:for='{
  {maskData}}' wx:key='{
  {index}}'>
    <view class='title' data-index='{
  {index + 1}}' catchtap='panel'>
      <view class='title_1'>{
  {item.title}}{
  {index}}</view>
      <view class='title_2'>
        <image src="../../images/{
  {showIndex == index + 1 ? 'up':'down'}}.png"></image>
      </view>
    </view>
    <view class='detail' wx:if="{
  {showIndex == index + 1}}">{
  {item.text}}{
  {index}}<