jquery не этот селектор для тегов не работает

Question

У меня возникла проблема с очень простой функцией jquery. Каким-то образом я не могу правильно определить «другое», чтобы отображался только щелчок, а остальное - нет.

Вот скрипку: https://jsfiddle.net/hansgohr/hnh5apkm/

Любые предложения было бы здорово! :)

Вот код, я использую:

$('#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(); 
}); 

Answer 1

$('#left a[href^="#"]').on('click', function(e){ 
    e.preventDefault(); 
    var target = this.hash 
    $target = $(target); 
    $('.outer-left').css({"opacity": "0", "left": "-50%"}) 
    $("#left").animate({ left: "50%" }, 800) 
    $("#right").animate({ right: "-50%" }, 800) 
    $(target).css("opacity", "1").animate({left: 0 }, 800) 
});