2

<div class="stories-view">
  
  <div class="title-and-link ads-stories"> <strong>Реклама на сайте</strong></div>
  <div class="recomend"><span class="description-info">Новая реклама</span></div>

        <div class="slider-user-stories"> 
          <div><?php echo $value["user_name"]; ?> <?php echo $value["user_name"]; ?></div> 
        </div>
   
</div>

Подскажите как скрыть блок stories-view если в блоке slider-user-stories пусто, если есть значения то показать блок stories-view полностью. Наверно это решается с помощью JS, или CSS подскажите как решить задачу. Может есть решение JS или PHP?

4
  • 1
    ты просто можешь проверить что в $value["user_name"] и $value["user_name"] и в зависимости от проверки - выводить или не выводить див <div class="stories-view">
    – Grundy
    Commented 14 апр. в 14:14
  • К сожалению, этот вариант не подходит. было такое в размышлении, но не подходит. <?php echo $value["user_name"]; ?> <?php echo $value["user_name"]; ?> эта структура для примера, с пробелом между значениями. чтобы было понятно что не возможно использовать :empty. Не знаю никак не могу найти подсказку или решение от чего оттолкнутся Commented 15 апр. в 13:21
  • 1
    так а почему не подходит-то? что мешает проверить нужный поля и выводить див или не выводить?
    – Grundy
    Commented 15 апр. в 14:11
  • В размышлении было, не сильно уверен в своих знаниях как это сделать Commented 15 апр. в 15:33

1 ответ 1

1

Используйте псевдо-класс :empty

.stories-view:has(> .slider-user-stories:empty) {
    display: none;
}
19
  • К сожалению это не помогает или я что то делаю не так. Commented 8 апр. в 6:25
  • Тоже так не работает. Ошибка в редакторе выскакивает Commented 8 апр. в 6:41
  • Прекрасно работает. Вы бы свой html-код на кол-во <div> и </div> проверили для начала...
    – user589007
    Commented 8 апр. в 7:01
  • codepen.io/uzsgccpp-the-lessful/pen/bGJvvbJ
    – user589007
    Commented 8 апр. в 7:06
  • Да спасибо, разобрался ! В codepen примере нет has(>, и всё работает! Commented 8 апр. в 7:10

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.