title: If statement involving this.indexof in order to animate an element not working
body: <p>I have checked many of other questions involving issues like this, but none have helped.
  I'm very new to this so bare with my obvious lack of knowledge.</p>
  
  <p>I was trying to create a navigation where once <code>mouseenter</code> on the navigation link itself, the nav link will be animated to rise up by <code>5px</code> and a box of the same width would drop down to meet it in the middle. I can think of a way to do it but it will involve a lot more code than if i could use an if statement instead.</p>
  
  <pre><code>&lt;div id="header" class="wrapper"&gt;
      &lt;div id="header_logo" class="header"&gt;&lt;/div&gt; 
      &lt;div id="header_main" class="header"&gt; 
          &lt;div id="nav_drop_btn"&gt;
              &lt;div id="nav_drop_box"&gt;
                  &lt;span id="1" class="nav_drop"&gt;&lt;/span&gt;
                  &lt;span id="2" class="nav_drop"&gt;&lt;/span&gt;
                  &lt;span id="3" class="nav_drop"&gt;&lt;/span&gt;
                  &lt;span id="4" class="nav_drop"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;span class="nav_btn"&gt;Home&lt;/span&gt;
              &lt;span class="nav_btn"&gt;About&lt;/span&gt;
              &lt;span class="nav_btn"&gt;Contact&lt;/span&gt;
              &lt;span class="nav_btn"&gt;Portfolio&lt;/span&gt;
          &lt;/div&gt;
  
  $(".nav_btn").mouseenter(function(){
      $(this).animate({height:"25px",bottom:"0px"},400);
      if (this.indexOf("home") &gt;=-1){$("#1").animate({height:"50px"})};
  });
  </code></pre>
  
  <p><code>.nav_btn</code> is the class for all of the navigation links. <code>home</code> is the navigation button in question.</p>
  
  <p>I am pretty sure i have done this all wrong. so would very much appreciate if someone could help me to understand what is wrong with the If statement. the rest of my code works its just this.</p>
  
  <p><code>home</code> is text within the <code>&lt;span&gt;</code> for <code>.nav_id</code>, im trying to distinguish between which <code>.nav_btn</code> has been clicked to then activate another line of code to animate the corresponding top bar which comes down to meet it, this top bar containing an image for that particular navigation link</p>