I am trying to add toggle function to each li. My problem is, If I click on menu 1, then my class is added to all list. I tried but I am not able to add present list. Any one can help me?

 <li>
  <div class="menucontainer">
  <div class="expandli">Menu 1 <i class="fa fa-arrow-circle-left"></i></div>
  <div class="expandlist">
   
      <ul>
          <li>Home</li>
          <li></li>
      </ul>
  </div>
  </div>
  </li>

  <li>
  <div class="menucontainer">
  <div class="expandli">Menu 2 <i class="fa fa-arrow-circle-left"></i></div>
  <div class="expandlist">
   
      <ul>
          <li>About</li>
          <li></li>
      </ul>
  </div>
</div>
</li>

JQuery

$('.menucontainer').click(function(){
  
  $(this).find('.expandlist').toggle(function () {
   $('.menucontainer').toggleClass("my");
   $(".fa-arrow-circle-left").toggleClass("fa-arrow-circle-right");
  
  });
 
  });