Какой плагин использовать для сворачивания меню?

Здравсвуйте!
какой плагин посоветуете для сворачивания пунктов меню в пункт "еще", которые не влезают в блок ?
  • Вопрос задан
  • 24 просмотра
Пригласить эксперта
Ответы на вопрос 1
@vaajnur
веб-программист
пример взят отсюда
https://monopoly.redsign.ru/
if( $('.main-menu-nav').length>0 ) {
        var $menu = $('.main-menu-nav');
		$menu.find('.other').removeAttr('style');
    	if($(document).width()>=970) {
    		element = $menu.find('.lvl1')[0];
    		needOffset = $(element).offset();
    		needOffset = needOffset.top;
    		$menu.find('.lvl1').each(function(index) {
    			offset = $(this).offset();
    			offset = offset.top;
    			if(offset!=needOffset) {
    				$(this).addClass('invisible');
    				$menu.find('.other').removeClass('invisible');
    				if($menu.find('.other #element'+$(this).attr('id')).length>=1) {
    					$menu.find('.other #element'+$(this).attr('id')).show();
    				} else {
						if(resize) {
							$menu.find('.other ul.dropdown-menu').prepend('<li class="other_li" id="element'+$(this).attr('id')+'">'+$(this).html()+'</li>');
						} else {
							$menu.find('.other ul.dropdown-menu').append('<li class="other_li" id="element'+$(this).attr('id')+'">'+$(this).html()+'</li>');
						}
    				}
    			} else {
    				$(this).removeClass('invisible');
    				if($menu.find('.other #element'+$(this).attr('id')).length>=1) {
    					$menu.find('.other #element'+$(this).attr('id')).hide();
    				}
    			}
    		});
    	} else {
    		$menu.find('.lvl1').each(function(index) {
    			$(this).removeClass('invisible');
    			$menu.find('.other').addClass('invisible');
    		});
    	}
		elementsWidth = 0;
    	$menu.find('li.lvl1').each(function(index){
    		if (!$(this).hasClass('invisible')) {
    			elementsWidth = elementsWidth + $(this).outerWidth(true);
    		}
    	});
    	width = $menu.width() - elementsWidth;
    	$menu.find('.other').css('width', width);
    	$menu.removeAttr('style');
		if ($menu.find('.lvl1.invisible').length==0) {
			$menu.find('.other').hide();
		} else {
			$menu.find('.other').show();
		}
    }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы