Home page and news page are finished
This commit is contained in:
41
resources/assets/js/functions/menu.js
vendored
Normal file
41
resources/assets/js/functions/menu.js
vendored
Normal file
@@ -0,0 +1,41 @@
|
||||
(function ($) {
|
||||
|
||||
/**
|
||||
* @param {object} _options
|
||||
*/
|
||||
$.fn.menu = function (_options) {
|
||||
var options = {
|
||||
menuSubmenuClass: 'has_submenu'
|
||||
};
|
||||
$.extend(options, _options);
|
||||
var $menus = $(this).children('.' + options.menuSubmenuClass);
|
||||
var $container = $(this);
|
||||
|
||||
$menus.on( "mouseenter", function () {
|
||||
var $menuItem = $(this);
|
||||
$('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
|
||||
$('.hover', $container).removeClass('hover');
|
||||
$menuItem.addClass('hover');
|
||||
var submenu = $('<div style="width: ' + $menuItem.outerWidth() + 'px"><a href="' + $menuItem.find('a').attr('href') + '" style="width: ' + $menuItem.outerWidth() + 'px"></a></div>').append($menuItem.children('ul.submenu').clone());
|
||||
var pos = $menuItem.offset();
|
||||
submenu.addClass('menu-submenu').css({top: pos.top, left: pos.left});
|
||||
submenu.on( "mouseleave", function(){
|
||||
$('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
|
||||
$menuItem.removeClass('hover');
|
||||
} );
|
||||
$('body').append(submenu);
|
||||
submenu.children('ul.submenu').slideDown();
|
||||
|
||||
submenu.find('ul.submenu li.has_submenu').click(function(){
|
||||
$(this).find('ul.submenu').slideToggle();
|
||||
$(this).toggleClass('opened');
|
||||
});
|
||||
openPlayerInNewScreen();
|
||||
});
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
|
||||
$(function () {
|
||||
$('.menu, .mobile-menu').menu({});
|
||||
});
|
||||
Reference in New Issue
Block a user