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