Div無內容隱藏

Question

我有一個div內的兩個自定義類型。如果自定義類型爲空，我需要隱藏主div。

這是我的代碼：（我想隱藏的div "one"如果"titulo_caja_superior"定製類型爲空）。

<div class="contenidos"> 
    <div class="left"> 
     <div class="one" style="background-color:<?php echo esc_url(of_get_option('primary_color')); ?>;color:#FFFFFF;"><div><div class="titulo"><?php the_field('titulo_caja_superior'); ?></div><div class="contenido"><?php the_field('cajaizquno'); ?></div></div> 
     <div class="two" style="background-color:<?php echo esc_url(of_get_option('header_color')); ?>;color:<?php echo esc_url(of_get_option('secundary_color')); ?>;"><div class="titulo"><?php the_field('titulo_caja_inferior'); ?></div><div class="contenido"><?php the_field('cajaizqdos'); ?>></div></div> 
    </div> 
</div> 

Answer 1

添加一個if語句

<div class="contenidos"> 
    <div class="left"> 
     <?php if(!empty(the_field('titulo_caja_superior'))): ?> 
      <div class="one" style="background-color:<?php echo esc_url(of_get_option('primary_color')); ?>;color:#FFFFFF;"><div><div class="titulo"><?php the_field('titulo_caja_superior'); ?></div><div class="contenido"><?php the_field('cajaizquno'); ?></div></div> 
     <?php endif; ?> 

     <div class="two" style="background-color:<?php echo esc_url(of_get_option('header_color')); ?>;color:<?php echo esc_url(of_get_option('secundary_color')); ?>;"><div class="titulo"><?php the_field('titulo_caja_inferior'); ?></div><div class="contenido"><?php the_field('cajaizqdos'); ?>></div></div> 
    </div> 
</div>