點選前

點選後

<tr>

　　<td class="right" data-id="{$vo.id}" id="{$vo.id}" > <div class="right_i"  id="z{$vo.id}"><i   class="layui-icon layui-icon-right" style="margin-right: -1px;"></i></div></td>//點選的元素

</tr>

<tr class=" detail_show detail" id="y{$vo.id}" >//需要顯示隱藏的自定義內容

    <td colspan="10" class="detail_box" >
    <div class="down">
      
    </div>
    </td>
</tr>

其中：
.right為點選元素的class名
modelId為當前點選元素的data-id的值加上自定義的字首#y

Iid為當前點選元素的id的值加上自定義的字首#z
gg為id值為modelId的元素的class值，是一個由多個類名組成的字串,比如class=“detail_show detail”，那麼gg的值就是detail_show detail

gg.
 
indexOf("detail_show")指查詢gg裡面是否包含字串detail_show，包含返回大於等於0的整數值，不包含返回-1；

$('body').on('click',".right", function (data) {

    var modelId='#y'+$(this).attr("data-id");
    var Iid='#z'+$(this).attr("id");
    var gg=$(modelId).attr("class");
    if(gg.indexOf("detail_show")>=0){
        $(Iid).addClass('kk');
        $(modelId).removeClass("detail_show");
        $(modelId).show();

    }else {
        $(Iid).removeClass('kk');
        $(modelId).addClass('detail_show');
        $(modelId).hide();
    }


});