title: Hide specific element in a dropdown menu
body: <p>I have a dropdown menu where i hide certain elements depending on what ad group they are in. 
  My code hides the element if its on the bottom in the menu, not if the element is in the top of menu, then it hides every elements. </p>
  
  <p>-- Site1 --</p>
  
  <p>-- Site2 --</p>
  
  <p>-- Site3 --</p>
  
  <p>-- Site4 --</p>
  
  <p>Heres my code: </p>
  
  <p>This will hide every element:</p>
  
  <pre><code> $('span:contains("Site1")').show();
   $('span:contains("Site2")').hide();
   $('span:contains("Site3")').hide();
   $('span:contains("Site4")').hide();
  </code></pre>
  
  <p>And if its "Site4" in the bottom of the menu, the code works.. (Only site4 will be visible)</p>
  
  <pre><code> $('span:contains("Site1")').hide();
   $('span:contains("Site2")').hide();
   $('span:contains("Site3")').hide();
   $('span:contains("Site4")').show();
  </code></pre>
  
  <p>The html meny: </p>
  
  <pre><code>&lt;ul class="dynamic" style=""&gt;
  
    &lt;li class="dynamic"&gt;
     &lt;a class="dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/test/site1"&gt;
      &lt;span class="additional-background ms-navedit-flyoutArrow"&gt;
       &lt;span class="menu-item-text"&gt;Site1&lt;/span&gt;
      &lt;/span&gt;
    &lt;/a&gt;
   &lt;/li&gt;
  
       &lt;li class="dynamic"&gt;
     &lt;a class="dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/test/Site2"&gt;
      &lt;span class="additional-background ms-navedit-flyoutArrow"&gt;
       &lt;span class="menu-item-text"&gt;Site2&lt;/span&gt;
      &lt;/span&gt;
    &lt;/a&gt;
   &lt;/li&gt;
  
       &lt;li class="dynamic"&gt;
     &lt;a class="dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/test/Site3"&gt;
      &lt;span class="additional-background ms-navedit-flyoutArrow"&gt;
       &lt;span class="menu-item-text"&gt;Site3&lt;/span&gt;
      &lt;/span&gt;
    &lt;/a&gt;
   &lt;/li&gt;
  
       &lt;li class="dynamic"&gt;
     &lt;a class="dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/test/Site4"&gt;
      &lt;span class="additional-background ms-navedit-flyoutArrow"&gt;
       &lt;span class="menu-item-text"&gt;Site4&lt;/span&gt;
      &lt;/span&gt;
    &lt;/a&gt;
   &lt;/li&gt;
  
   &lt;/ul&gt;
  </code></pre>