Изменить текст закрытой кнопки div

Question

У меня есть список div, который переключается с функцией toggle().Когда он переключается, кнопка, используемая для переключения div, меняет текст с «+» на «-».Но когда я нажимаю на следующую кнопку div или предыдущую кнопку div, старая кнопка не изменяла текст с «-» (потому что закрыта, поэтому она должна изменить текст на «-». Поэтому я хочу изменитьтекст кнопки в «-», если div закрыт.

$(".p1").hide();
$(".p1-venue").hide();
$(".p1-img").hide();
$(".btn1").click(function() {
  if ($.trim($(this).text()) === '+') {
    $(this).text('-');
  } else {
    $(this).text('+');
  }
  var $p1 = $(this).next(".p1").toggle();
  var $p1venue = $(this).parents().next(".p1-venue").toggle();
  var $p1img = $(this).parent().parent().parent().parent().find(".p1-img").toggle();
  $(".p1").not($p1).hide();
  $(".p1-venue").not($p1venue).hide();
  $(".p1-img").not($p1img).hide();
});

Answer 1

Используйте .is(":visible"), как показано ниже.

Нажмите здесь, чтобы узнать больше

window.setInterval(() => {
  $(".myDiv").toggle();
}, 1000);

window.setInterval(() => {
  if ($(".myDiv").is(":visible")) {
    $(".text").html("Visible");
  }
  else {
    $(".text").html("Hidden");
  }
}, 1000);

.myDiv {
  width: 100px;
  height: 100px;
  background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="text">Visible</p>
<div class="myDiv"></div>