anevins

I am unfamiliar with this menu, may you show us the code?

I want to check for a duplicate of a value $('.main ul li h3').each(function(){ var titles = $(this); var titlesArray = jQuery.makeArray(titles); jQuery.each(titlesArray, function(index, value){ if (jQuery.inArray(value, titlesArray)){ } }); }); Then to hide, not remove, the 2nd or more list item that has the duplicate.

Could you add some imagery

Can you see my intentions of a foreach iteration and help me construct jQuery/ javascript for this?

Sorry could you rephrase the question & re-post the CSS in code tags

I assume you have the background image of the flag split into sections. You could add padding-left: 2 pixels to one of the containing elements, such as ul or divs, then margin-left: -2px.

It seems all my items in 'titlesArray' are all at 0 index $('.main ul li h3').each(function(){ var titles = $(this); var titlesArray = jQuery.makeArray(titles); $.each(titlesArray, function(index, value){ document.write(index); }); }); document.write(index); outputs "00000" There are 5 objects within that array, here is the html code <ul> <li> <h3>Viral Advert</h3> </li> <li> <h3>bannar</h3> </li> <li> <h3>movie</h3> </li> <li> <h3>photo</h3> </li> <li> <h3>movie</h3> </li> </ul> Shouldn't my array indexes be 1,2,3,4,5?