Можно ли с помощью функции javascript изменить размер сайта на 1 пиксель? - PullRequest
Новая
       4

Можно ли с помощью функции javascript изменить размер сайта на 1 пиксель?

0 голосов
/ 28 мая 2020

В настоящее время я пытаюсь реализовать сворачиваемый раздел на веб-сайте Wordpress, который, когда он отображается, вместо этого сворачивает верхний раздел и наоборот. Оба раздела содержат галерею wordpress, и хотя само сворачивание работает, что-то с галереями не так, поэтому они не отображаются. Однако они появляются, когда я изменяю размер окна браузера. Поэтому мне было интересно, можно ли связать функцию сворачивания с функцией, которая изменяет размер веб-сайта / окна на 1 пиксель, чтобы тогда галереи отображались?

В настоящее время я использую следующий код: 

var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    var contentcoll = this.previousElementSibling;
    if (content.style.display === "block") {
      content.style.display = "none";
      contentcoll.style.display = "block";
    } else {
      content.style.display = "block";
      contentcoll.style.display = "none";
    }
  });
}
//However, the themeprovider also urges you to use the following code, when using Galleries with tabs/collapsibles, maybe I just need to change something with that?

jQuery(window).on('load', function() {
  jQuery(".panel-group").on(
    'show.bs.collapse',
    function() {
      setTimeout(function() {
        window.dispatchEvent(new Event('resize'));
      }, 400);
    }
  );
});
.collapsible {
  cursor: pointer;
  background-color: white;
  margin: auto;
  margin-top: 5px !important;
  display: block
}

.content {
  display: none;
  overflow: hidden;
}

.contentcoll {
  margin-top: 0px !important;
  padding-top: 0px;
  display: block;
  overflow: hidden;
}
image
...