Работа скрипта jquery в пределах блока?

Question

[ravlex]

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

<div class="filter-box-list">
  <div class="news fil-it">
    Пункт 1
  </div>
  <div class="news fil-it">
    Пункт 2
  </div>
  <div class="news fil-it">
    Пункт 3
  </div>
  <div class="news fil-it">
    Пункт 4
  </div>
  <div class="news fil-it">
    Пункт 5
  </div>
  <a class="archive" href="#"></a>
</div>

<div class="filter-box-list">
  <div class="news fil-it">
    Пункт 6
  </div>
  <div class="news fil-it">
    Пункт 7
  </div>
  <div class="news fil-it">
    Пункт 8
  </div>
  <div class="news fil-it">
    Пункт 9
  </div>
  <div class="news fil-it">
    Пункт 10
  </div>
  <a class="archive" href="#"></a>
</div>

var news = 2; // - количество отображаемых новостей
    hidenews = "- скрыть старые новости";
    shownews = "+ показать все новости";

     $(".archive").html( shownews );
    $(".fil-it:not(:lt("+news+"))").hide();

    $(".archive").click(function (e){
      e.preventDefault();
      if( $(".fil-it:eq("+news+")").is(":hidden") )
      {
        $(".fil-it:hidden").show();
        $(".archive").html( hidenews );
      }
      else
      {
        $(".fil-it:not(:lt("+news+"))").hide();
        $(".archive").html( shownews );
      }
    });

Answer 1

[iBird Rose]

научись пользоваться $(this)
https://jsfiddle.net/iBird/v3htocpb/1/

Answer 2

[Kovalsky]

По клику на кнопку берёте родительский для этой кнопки контейнер и в нём ищете ваши элементы, соответственно с ними и работаете

Comments

[londhor]

В крайнем случае по ID