Как скрыть блок если дочерний пустой?

Question

[Антон Дьяков]

Добрый день, есть структура

<div class="row row-hide">
				<div class="col-lg-12">
				<p class="heading"><span>Дополнительные категории</span></p>
					<div class="wrapper333">						
						<input type="checkbox" id="button">
						<div class="xpandable-block"><?php if (!empty($ocfilter_pages)) { ?>							
							<ul class="list-inline">
								<?php foreach ($ocfilter_pages as $ocfilter_page) { ?>
									<li>
										<?php if ($ocfilter_page['selected']) { ?>
										<strong><?php echo $ocfilter_page['text']; ?></strong>
										<?php } else { ?>
										<a href="<?php echo $ocfilter_page['href']; ?>"><?php echo $ocfilter_page['text']; ?></a>
										<?php } ?>
									</li>
								<?php } ?>
							</ul>
						<?php } ?>
						</div>
						<label for="button">Показать все...</label>
					</div>
				</div>
			</div>

Как скрыть .row-hide, если .xpandable-block пустой?
Пробовал:

<script>	
	window.onload = function() {	
		if(document.getElementsByClassName("xpandable-block")[0].textContent == "") {  
			document.getElementsByClassName("row-hide")[0].style.display = "none";  
		}	
	};	
</script>

И кучу других, не работает хоть убей.

Comments

[BerettaPiffy]

А если условие в php просто выше поднять не?

Answer 1

[Alex]

Используйте то же самое условие. Почему нет?
<?php if (!empty($ocfilter_pages)) { ?>

<?php if (!empty($ocfilter_pages)) { ?>
<div class="row row-hide">
        <div class="col-lg-12">
        <p class="heading"><span>Дополнительные категории</span></p>
          <div class="wrapper333">						
            <input type="checkbox" id="button">
            <div class="xpandable-block">							
              <ul class="list-inline">
                <?php foreach ($ocfilter_pages as $ocfilter_page) { ?>
                  <li>
                    <?php if ($ocfilter_page['selected']) { ?>
                    <strong><?php echo $ocfilter_page['text']; ?></strong>
                    <?php } else { ?>
                    <a href="<?php echo $ocfilter_page['href']; ?>"><?php echo $ocfilter_page['text']; ?></a>
                    <?php } ?>
                  </li>
                <?php } ?>
              </ul>

            </div>
            <label for="button">Показать все...</label>
          </div>
        </div>
      </div>

            <?php } ?>

Comments

[Антон Дьяков]

Спасибо, это то что нужно!!!

[Alex]

Антон Дьяков, ‍♂️

Answer 2

[Шохрух Шаймардонов]

Без скриптов:

.someClass:empty() {
  display: none
}