$(function(){ var tabMenu = $('#tab_list'), tabList = $(tabMenu).find('li'), classTabAct = ('act'), tabBox = $('#tab_content'), tabPanel = $(tabBox).find('.panel'), classtabPanelAct = ('act'); $(tabList).on('click', function(){ if($(this).not(classTabAct)){ $(this).addClass(classTabAct).siblings(tabList).removeClass(classTabAct); var index = $(tabList).index(this); $(tabPanel).eq(index).addClass(classtabPanelAct).siblings(tabPanel).removeClass(classtabPanelAct); } }); $('.js_modalOpen').click(function(){ $('body').append(''); var modal_overlay = $('#modal_overlay'); var modalWrap = $('#modal_qa'); var modal = '#' + $(this).attr('data-target'); var igsrc = $(this).find('img').attr('src'); $(modal_overlay).fadeIn('slow'); $(modal).fadeIn('slow'); $(modalWrap).find('img').attr({'src':igsrc}); modalResize(modal); $('#modal_overlay, .js_modalClose').click(function(){ $(modal).fadeOut('slow'); $(modal_overlay).fadeOut('slow',function(){ $(modal_overlay).remove(); }); }); $(modalWrap).click(function(e){ if (!$(e.target).closest(modalWrap).length) { $(modal).fadeOut('slow'); $(modal_overlay).fadeOut('slow',function(){ $(modal_overlay).remove(); }); } }); function modalResize(modal){ var modalCont = $(modal).find('.box'); var h = $(window).height(); var oh = $(modalCont).height(); var marginH = (h - oh) / 2; var scrollpos = $(window).scrollTop(); var y = scrollpos + marginH; if(oh > h){ $(modal).css({'top': scrollpos + 10 + 'px'}); }else{ $(modal).css({'top': y + 'px'}); } } }); });