Нажмите, чтобы открыть все разделы, как этого избежать?

Question

У меня есть переключатель для социального обмена внутри статьи, но когда я нажимаю на нее, она открывается во всех статьях.

Я пытался что-то сделать в css, но я думаю, что проблема в jquery.

$(document).ready (function(){
$(".social-box").click(function(){
$(".a").toggleClass("active");
});
$(".social-box").click(function(){
$(this).toggleClass("activered");    

Я ожидаю, что он открывается только в выбранной статье.

Отредактировано:

<div id="post"><div class="social-box"><h5><i class="fa fa-share-alt"></i></h5> 
         <div class="a"><a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a></div>
            <div class="a"><i class="fab fa-instagram"></i></div>
            <div class="a"><i class="fab fa-twitter"></i></div>
            <div class="a"><i class="fab fa-pinterest"></i></div>
        </div> <p></p></div>

Answer 1

Если я правильно понимаю ваш вопрос, вы нацеливаете все свои элементы class="a" вместо элементов, содержащихся в выбранном .social-box. Вам нужно будет настроить таргетинг только на эти элементы.

$(document).ready (function(){
  $(".social-box").click(function(){
    $(this).find(".a").toggleClass("active");
    $(this).toggleClass("activered"); 
  });
});