Открытие/закрытие контента при нажатии на кнопку. Как?

Question

[inkShio]

Сделал кнопку которая открывает и закрывает контент. Так же сделал, что если клик был произведен не по контенту, блок контента закрывается. Но проблема в том, что сделав закрытие если клик был вне блока контента, кнопка на закрытие перестает работать. Не пойму в чем проблема.

Answer 1

[inkShio]

Такой вариант, подсказали на альтернативном сайте. Работает как надо.

$(function() {
  var $togglers = $(".js-deps-popup");

  return $togglers.on("click", function(e) {
    var $this = $(this),
      $item = $this.next(".dep"),
      $active = $(".dep_show");

    $item.toggleClass("dep_show");
    $active.removeClass("dep_show");
    e.stopPropagation();
  });
});

$(function() {
  $(document).click(function(e) {
    var $togglersPopup = $(".dep__popup");
    if (!$togglersPopup.is(e.target) &&
      $togglersPopup.has(e.target).length === 0
    ) {
      $(".dep").removeClass("dep_show");
    }
  });
});

Answer 2

[Stalker_RED]

$('button.js-deps-popup').on('click', function(){
  $(this).closest('.deps__item').find('.dep__popup').toggleClass('active')
})

Comments

[inkShio]

Открыть/закрыть понятно как сделать.
Но мне еще надо, что бы при клике вне блока контента, он закрылся, что я тоже сделал.
Но из-за этого перестала работать кнопка "открыть/закрыть" на закрытие. Т.е. по ней открывает, но больше не закрывает.