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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM