1. 程式人生 > 實用技巧 >jquery.顯示隱藏切換

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>