[Rustam123]

Всем добрый вечер! Мне надо чтобы при нажатии на ссылки - Главная, О проекте, Как участвовать сменялись блоки A,B,C но почему то код не работает, в чем проблема не могу понять.

<script>
var links = $('.obrashenie li a');
 
links.click(function(){
    var indx = $(this).index();
    var blocks = $(this).siblings('div');
    blocks.animate({
        opacity: 0
    }).eq(indx).animate({
        opacity: 1
    });
});
    </script>

<div class="col-md-2 pan">
          <nav>
            <div class="">
               <img class="logo" src="img/Logo.png">
            </div>
        <ul id="navigation" class="obrashenie">
          <li><a href="#">ГЛАВНАЯ</a></li>
          <li><a href="#about">О ПРОЕКТЕ</a></li>
          <li><a href="#" class="hovertrigger">КАК УЧАВСТВОВАТЬ</a></li>
        </ul>
          </nav>
      </div>
    <!-- Контейнер в котором отоброжается основная информация -->
    <div class="col-md-10 containersinf">
<div class="par">
    <div class="blockA"></div>
    <div class="blockB"></div>
    <div class="blockC"></div>
</div>
 
 
    </div>