let n = window.matchMedia("(max-width : 767px)");
if(n.matches){

        $("#swap-one").before($("#swap-two"));
}  
if(n.matches){
   $("#aterSwapOne").before($("#aterSwapTwo"));
}
if(n.matches){
    $("#aterThreeOne").before($("#aterThreeTwo"));    
}
if(n.matches){
    $("#aterSixOne").before($("#aterSixTwo"));
}
//index.html
$("#m-menu").click(function(){
    $(this).hide();
    $("#m-nav").show();
});
$("#close-1").click(function(){
    $("#m-nav").hide();
    $("#m-menu").show();
});

//ater.html
$("#m-menu-ater").click(function(){
    $(this).hide();
    $("#m-nav-ater").show();
});
$("#close-ater").click(function(){
    $("#m-nav-ater").hide();
    $("#m-menu-ater").show();
});

//sec.html
$("#m-menu-sec").click(function(){
    $(this).hide();
    $("#m-nav-sec").show();
    alert("ok");
});
$("#close-sec").click(function(){
    $("#m-nav-sec").hide();
    $("#m-menu-sec").show();
});
// sec.html script coding 

function myFunctionOne() {
    var element = document.querySelector(".tick");

    if (element.classList) { 
        element.classList.toggle("checkbox");

    }// } else {
    // var classes = element.className.split(" ");
    // var i = classes.indexOf("checkbox");

    // if (i >= 0) 
    //     classes.splice(i, 1);
    // else 
    //     classes.push("checkbox");
    //     element.className = classes.join(" "); 
    // }
}
//stage five checkbox
// $("#checkbox").css({
//     'display':'inline-block',
//     'border-radius':'60px',
//     'width':'40px','height':'40px',
//     'border':'1px solid lightslategrey',
//     'appearance':'none'    
// });