jquery.顯示隱藏切換
阿新 • • 發佈:2020-09-17
<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>