title: jquery not this selector for a tags not working
body: <p>I'm having trouble with a very simple jquery function. 
  Somehow I'm not able to define "other" correctly, so that only the clicked item is visible and the rest isn't. </p>
  
  <p>Here's a fiddle: <a href="https://jsfiddle.net/hansgohr/hnh5apkm/" rel="nofollow">https://jsfiddle.net/hansgohr/hnh5apkm/</a></p>
  
  <p>Any suggestions would be great! :)</p>
  
  <p>Here's the code I'm using:</p>
  
  <pre><code>$('#left a[href^="#"]').on('click', function(e){
      var target = this.hash
      $target = $(target);
      var others = $('#left a').not($(this)).attr('href')
  
          console.log(others)
      console.log(target)
  
      $( "#left" ).animate({ left: "50%" }, 800)
      $( "#right" ).animate({ right: "-50%" }, 800)
      $(target).animate({left: 0 }, 800)
      $(others).css("opacity", "0")
  
      e.preventDefault();
  });
  </code></pre>