jquery点击切换在点击切换

最新推荐文章于 2023-05-12 11:36:36 发布

banshao4968

最新推荐文章于 2023-05-12 11:36:36 发布

阅读量128

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lee1-w/p/11571442.html

版权

<di<div style=" position: absolute;   top: 6rem;   right: 4rem;" id="hides" >
    <a class="icon_a" style="color: #333; font-size: 16px;display: flex;"><span title=".icon32  .icon-color  .icon-square-plus " class="icon32 icon-color icon-square-plus"></span>展开表格
    </a>

    <a class="icon_a2"  style="color: #333; font-size: 16px;display: none;">
        <span title=".icon32 .icon-color .icon-square-minus " class="icon32 icon-color icon-square-minus"></span>收起表格
    </a>
</div>




$(document).ready(function(){
    setTimeout(function () {
        $("#hides").toggle(function(){
                $(".icon_a").css("display","none");
                $(".icon_a2").css("display","flex");
                $("#settleAuditTb").slideToggle("slow");
            },
            function(){
                $(".icon_a").css("display","flex");
                $(".icon_a2").css("display","none");
                $("#settleAuditTb").slideToggle("hidden");
            }
        );
    },1000)
});