$(function(){ $(".nav-main ul").children("li").find(".nav-main-title").on("click",function(){ $(this).parent("li").children(".nav-main-cont").stop().slideToggle(); $(this).parent("li").siblings().children(".nav-main-cont").stop().slideUp(); }); $(".header-nav").on("click",function(){ $(".nav").animate({left:"0"}); $(".black-bg").show(); }); $(".nav-out").on("click",function(){ $(".nav").animate({left:"-100%"}); $(".black-bg").hide(); }); }); function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); menu.className=i==cursel?"index-list-title-liston":"index-list-title-list"; con.style.display=i==cursel?"block":"none"; } } function FullBg(box, obj){ box.css("background", "none") obj.eq(0).stop().fadeIn(1000) function resizeBg() { obj.removeClass("w-f").removeClass("h-f").css("margin", 0) var boxR = box.width() / box.height(), objR = obj.width() / obj.height(); if ( objR < boxR ) { obj.addClass('w-f').css("margin-top", -(obj.height() - box.height()) / 2); } else { obj.addClass('h-f').css("margin-left", -(obj.width() - box.width()) / 2); } } $(window).resize(resizeBg).trigger("resize"); }