Over a million developers have joined DZone.

Easy Auto Menu Items width

·

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.

Enjoy...

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

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

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

{{ parent.tldr }}

{{ parent.urlSource.name }}