$(document).ready(function() { if ($('.tab-wrapper').length == 0){ return false; } var $wrapper = $('.tab-wrapper'), $allTabs = $wrapper.find('.tab-content > div'), $tabMenu = $wrapper.find('.tab-menu li'), $line = $('
').appendTo($tabMenu); $allTabs.not(':first-of-type').hide(); $tabMenu.filter(':first-of-type').find(':first').width('100%') $tabMenu.each(function(i) { $(this).attr('data-tab', 'tab'+i); }); $allTabs.each(function(i) { $(this).attr('data-tab', 'tab'+i); }); $tabMenu.on('click', function() { var dataTab = $(this).data('tab'), $getWrapper = $(this).closest($wrapper); $getWrapper.find($tabMenu).removeClass('active'); $(this).addClass('active'); $getWrapper.find('.line').width(0); $(this).find($line).animate({'width':'100%'}, 'fast'); $getWrapper.find($allTabs).hide(); $getWrapper.find($allTabs).filter('[data-tab='+dataTab+']').show(); }); $("#moreHover, .more_list").on("mouseover", function () { $(".more_list").show(); }) $(".more_list").on("mouseout", function () { $(".more_list").hide(); }) });//end ready