Ein div verstecken, wenn das_feld leer ist

Question

<div class="full-width awards"> 
    <h2><span>Awards</span></h2> 
    <div id="accordion" class="accordion awards-list"> 

    <?php if (get_field('awards_&_festivals')) : ?> 

    <h3 class="award-title" ><span class="down-icon">Awards &amp; Festivals</span></h3> 
    <div class="award-content" > 
     <?php the_field('awards_&_festivals'); ?> 
    </div> 

    <?php endif; ?> 

</div> 

Ich wollte die Auszeichnungen div verstecken, wenn the_field keinen Inhalt hat, eine Idee, wie man dies erreichen kann? Sehr geschätzt.

Answer 1

Wir können es so machen kann -

if ($(".award-content").html() == "") { 
    $('.awards').hide(); 
} 

Answer 2

Mit CSS können Sie es verstecken mit :empty Eigenschaft

wie

.someClass:empty { 
    display:none; 
} 

Answer 3

Sie mit PHP überprüfen können, ob hat Inhalt und ignorieren div. Mit CSS Sie verwenden können: leer Selektor http://www.w3schools.com/cssref/sel_empty.asp

.award-content:empty { 
    display: none; 
} 

Oder Sie PHP-Code ändern:

<div class="full-width awards"> 
    <h2><span>Awards</span></h2> 
    <div id="accordion" class="accordion awards-list"> 

    <?php if (!empty(get_field('awards_&_festivals'))) : ?> 

    <h3 class="award-title" ><span class="down-icon">Awards &amp; Festivals</span></h3> 
    <div class="award-content" > 
     <?php the_field('awards_&_festivals'); ?> 
    </div> 

    <?php endif; ?> 

</div>