Hi. I have a jQuery that works. It does what it's supposed to do. It takes a long menu bar on a SharePoint web page and splits it into two menu bars. However, the two tables that contain the two menu bars are not rendered with the same width and it looks funny. At the end of this jQuery, I'd like to set the two tables to the same width. I believe either pixels or a percentage would do the trick. I tried searching this forum for an example of setting table with and did not find one. Thanks in advance for any help
- $(document).ready(function() {
- // Calculate where to split the tables of the menus
- var nrOfItems = ($("#zz1_TopNavigationMenu *.zz1_TopNavigationMenu_5 > tbody > tr > td").length) / 3;
- var splitIndex = (Math.round(nrOfItems / 2) - 1) * 3;
- // Make a copy of the TopNavigationMenu
- $("#zz1_TopNavigationMenu").clone(true).insertAfter($("#zz1_TopNavigationMenu")).attr("id", "zz1_TopNavigationMenuCopy");
- // Remove items from original menu
- $("#zz1_TopNavigationMenu *.zz1_TopNavigationMenu_5 > tbody > tr > td:gt(" + splitIndex + ")").remove();
- // Remove items from copied menu
- $("#zz1_TopNavigationMenuCopy > tbody > tr > td:lt(2)").remove();
- // Remove first item (current site) from copied men
- $("#zz1_TopNavigationMenuCopy *.zz1_TopNavigationMenu_5 > tbody > tr > td:lt(" + (splitIndex + 1) + ")").remove();
- });
