title: jQuery MouseMove: fading of contents?
body: <p>I have full-screen background images that I want to control via a "prev" and "next" arrow on the left and right side of my website.</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;nav id="pagination"&gt;
      &lt;a id="prev" href="#"&gt;&lt;/a&gt;
      &lt;a id="next" href="#"&gt;&lt;/a&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p><strong>css (scss)</strong></p>
  
  <pre><code>#pagination {   
      display:none;
      position:relative;
      z-index:1;
  
      a { 
          display:block;
          position:fixed;
          top:45%;
          width:100px;
          height:100px;
  
          &amp;#next {
              right:20px;
          }
  
          &amp;#prev {
              left:20px;
          }
      }
  }
  </code></pre>
  
  <p>So this gives me exactly what I want. I have a previous-image-link centered vertically on the left side of my page and a next-image-link centered vertically on the right side of my page.</p>
  
  <p>I have the following JS (jquery) to fadeIn() and fadeOut() this navigation …</p>
  
  <pre><code>var c, p = $('#pagination');
  $(document).on('mousemove',function() {
          p.fadeIn('fast');
          clearTimeout(c);
          c = setTimeout(function() {
              p.fadeOut('fast');
          }, 1000);
      });
  </code></pre>
  
  <p>This works just fine, however the <code>#pagination</code> also fadesOut() when I'm currently over a pagination link. Is it possible to exclude the links itself from this behaviour? I hope my explanation is not too weird. Again: Right now my pagination works like well-known video players. When not moving the mouse the pagination fades out - when moving the mouse the pagination fades in again. </p>
  
  <p>But when I'm currently over one of the two links (<code>#prev</code> or <code>#next</code>) and don't move the mouse the `#pagination' fades out as well. I don't want that to happen. So when the mouse is hovering the two pagination links the pagination shouldn't fade out.</p>
  
  <p>Any ideas on that?</p>