当前状态为suo的时候，点击则coverdiv显示，同时class=suo变成class=kaisuo，再点击kaisuo，coverdiv隐藏，并且变为suo。然后这个页面有多个，需要互相不影响，只针对当前的li
<li>
<div class="coverdiv" style="display:block;"><p>离线</p></div>
<span class="suobox">
<a href="" class="suo"></a>
</span>
</div>
</li>
<li>
<div class="coverdiv" style="display:none;"><p>离线</p></div>
<span class="suobox">
<a href="" class="kaisuo"></a>
</span>
</div>
</li>
<li>
<div class="coverdiv" style="display:block;"><p>离线</p></div>
<span class="suobox">
<a href="" class="suo"></a>
</span>
</div>
</li>
<li>
<div class="coverdiv" style="display:none;"><p>离线</p></div>
<span class="suobox">
<a href="" class="kaisuo"></a>
</span>
</div>
</li>
