$(function(){ $(".formwrap input").focus(function(){ $(".formwrap dl").removeClass("on"); $(this).parents("dl").addClass("on"); }) $(".formwrap input").focusout(function(){ $(".formwrap dl").removeClass("on"); }) //모바일 탭 $("#tabs li a").on('click', function(){ var tabsH = $('.m00 #tabs').outerHeight(true); $("html, body").animate({ scrollTop : $(this.hash).offset().top - tabsH }, 300, function() { }); $("#tabs li").removeClass("on"); $(this).parents('li').addClass("on"); }); $("#tabs .btn button").on('click', function(){ $(this).parents('#tabs').toggleClass('on'); $(this).parents('#tabs').find('ul').slideToggle(); }); $("#tabs ul li a").on('click', function(){ $(this).parents('#tabs').removeClass('on'); $(this).parents('#tabs').find('ul').slideUp(); }); $("#tabs").sticky({topSpacing:70, zIndex:100}); var val = $('#tabs ul li.on a').text(); $("#tabs .btn button").text(val); $(window).scroll(function(){ var $section = $("body .tabs_con"); var $thisTop = $(this).scrollTop(); var tabsH = $('#tabs').outerHeight(true); var val2 = $('#tabs ul li.on a').text(); $section.each(function(index){ var sectionTop = $(".tabs_con"+(index+1)).offset().top - tabsH; var sectionHeight = $(".tabs_con"+(index+1)).outerHeight(true); if($thisTop + 20 >= sectionTop && sectionTop + sectionHeight > $thisTop){ $("#tabs li").removeClass("on"); $("#tabs li:eq("+ index + ")").addClass("on"); $("#tabs .btn button").text(val2); } }); }); });