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>

当the_field没有任何关于如何实现这一目标的任何内容时，我想隐藏奖励div？非常感谢。

Answer 1

使用css，您可以使用:empty属性

隐藏它

像

.someClass:empty {
    display:none;
}

Answer 2

我们可以这样做 -

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

Answer 3

您可以使用PHP验证是否包含内容并忽略div。使用CSS，您可以使用：空选择器 http://www.w3schools.com/cssref/sel_empty.asp

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

或者更改PHP代码：

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

当the_field为空时隐藏div

3 个答案: