vue点击显示与隐藏

html

<view class="collapse-cont">
						<view class="wbg-box">
							<view class="coll-box">
								<image style="width:40rpx;height:40rpx;" src="/static/images/x1.png"></image>
								<view class="coll-title">彩妆护肤</view>
								<image @click="showCont(1)" style="width:28rpx;height:28rpx;" :src="isShow === 1 ? '/static/images/show.png':'/static/images/hide.png'"></image>
							</view>
							<!-- hide content -->
							<view class="coll-detail" v-show="isShow === 1 ? 1:''">
								<span class="wred">数量：</span>≤10件；<span class="wred">重量：</span>≤5磅；<span class="wred">单个包裹装箱说明：</span>少量小件赠品小样可不计算数量，中小套装≤2套，大套装1个包裹1套。
							</view>
						</view>
						<view class="wbg-box">
							<view class="coll-box">
								<image style="width:40rpx;height:40rpx;" src="/static/images/x2.png"></image>
								<view class="coll-title">母婴保健</view>
								<image @click="showCont(2)" style="width:28rpx;height:28rpx;" :src="isShow === 2 ? '/static/images/show.png':'/static/images/hide.png'"></image>
							</view>
							<!-- hide content -->
							<view class="coll-detail" v-show="isShow === 2 ? 2:''">
								<span class="wred">数量：</span>≤10件；<span class="wred">重量：</span>≤8磅；<span class="wred">单个包裹装箱说明：</span>奶粉：≤3罐（婴儿1段≤2罐）；不收婴儿推车、安全座椅
							</view>
						</view>
					</view>

js:data

isShow: '',

js:mthods

showCont(index) {
				if (this.isShow === index) {
					this.isShow = ''
				} else {
					this.isShow = index;
				}
			}