没有内容的Div隐藏

时间:2014-06-29 03:30:01

标签: php show-hide

我在div中有两个自定义类型。如果自定义类型为空,我需要隐藏主div。

这是我的代码:(如果"one"自定义类型为空,我想隐藏div "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>

1 个答案:

答案 0 :(得分:2)

添加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>