Over a million developers have joined DZone.

Easy Auto Menu Items width

DZone's Guide to

Easy Auto Menu Items width

· ·
Free Resource

The following snippet helps us by changing the width of each item in a menu / list automaticlly by grabbing the number of items and dividing them by 100%....

Used it inseveral projects and it works gr8 and easy to integrate.


    var itemscount = $("#top-menu li").size();
    var percentage = 100 / itemscount;
    $("#top-menu > li").css('width', percentage+'%');

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}