jquery.显示隐藏切换

<style type="text/css">
        .form-inline {
            display: inline-block;
        }
        .query-hidornot ul {list-style:none;margin:0px;} 
        .query-hidornot ul li {float:left;text-align:left;display:block;width:300px;}
    </style>
function show_details(id) {
            $("#details_" + id).toggle();

        }
function show_details(id) {
            $("tr" + "[id^='details_']").each(function () {
                $(this).hide();
            });

            if ($("#details_" + id).is(':hidden')) {
                $("#details_" + id).show();
            } else {
                $("#details_" + id).hide();
            }
        }
onclick="show_details(<%# Eval("QUERY_RECORD_ID") %>)"

<tr id="details_<%# Eval("QUERY_RECORD_ID") %>" style="display: none;">
                    <td colspan="8" align="center" class="query-hidornot">
                        <ul>
                            <li>数据列表    返回信息                    </li>
                        </ul>
                    </td>
                </tr>
原文地址:https://www.cnblogs.com/hofmann/p/13683916.html