2018-05-25利用JQ实现不同方向的弹出框

    .pop_nav{
position: absolute;
top: 0;
left:-5.5rem;
position: absolute;

}
.guan{
width: 1rem;
height: 1rem;
position: absolute;
left: -45%;
top: 8%;
z-index: 102;
}

$(function(){
$(".click_top").click(function(){
$(".pop_nav").animate({left:'0rem'},500);
$(".guan").animate({left:'45%'},500);
})
$(".guan").click(function(){
$(".pop_nav").animate({left:'-5.5rem'},500);
$(".guan").animate({left:'-45%'},500);
})
})