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>