点击一组缩略图，大图显示并切换到对应的图，再点击该缩略图大图隐藏。当大图显示时，点击其它小图，大图切换但不隐藏。我的问题是：当大图显示时，点击其它小图，大图切换但不隐藏，但二次点击该缩略图大图隐藏，这种效果怎么实现？
<ul class="tm-m-photos-thumb">
<li src="img/images/production-introdution-review-bgpic1.jpg">
<img src="img/images/production-introdution-review-smpic1.jpg">
</li>
<li src="img/images/production-introdution-review-bgpic2.jpg">
<img src="img/images/production-introdution-review-smpic1.jpg">
</li>
<li src="img/images/production-introdution-review-bgpic3.jpg">
<img src="img/images/production-introdution-review-smpic1.jpg">
</li>
<p class="tm-m-photo-viewer" style="width: 402px; height: 302px; display: none;">
<img src="img/images/production-introdution-review-bgpic1.jpg" style="width: 402px; height: 302px;">
</p>
