执行完JQuery hide()/show() @medio display属性失效

原因JQuery 自动插入了style样式

解决办法：JQuery执行后删除style属性

<script>
    $(document).ready(function(){
        $("button").click(function(){
            if($(".itemright").attr("data-display")){
                
                $(".itemright").hide("fast",function(){$(".itemright").removeAttr("data-display");});
                
            }else{
                $(".itemright").attr("style","display:none");
                $(".itemright").show("fast",function(){
                   $(".itemright").removeAttr("style");
                }).attr("data-display","1");
                
            }
            
        });
    });
    
    
    </script>

<div class="bodymain">
<div class="hearder">头部div</div>
<div class="item">栏目div</div>

<div class="main">主体div</div>
<div class="itemright" data-display="1">
    <ul class="ul">
        <li><a href="http://www.baidu.com" target="_blank" class="a">aaa</a></li>

    </ul>
</div>
<div class="footer">底部div</div>
<div class="anniu"><button>button click</button></div>
</div>