How do I show a field if it contains content, but hide it if it's empty?

Question

I have:

{exp:channel:entries channel="products" limit="1" status="open"}

<ul class="arrow-side-2">
<li><h4>Properties</h4></li>
</ul>
    <p>{properties}</p>

<ul class="arrow-side-2">
<li><h4>Applications</h4></li>
</ul>
    <p>{applications}</p>

<ul class="arrow-side-2">
<li><h4>Production</h4></li>
</ul>
        <p>{production}</p>

<ul class="arrow-side-2">
<li><h4>Packaging</h4></li>
</ul>
    <p>{packaging}</p>

{/exp:channel:entries}

How do I hide:

<ul class="arrow-side-2">
<li><h4>Production</h4></li>
</ul>
        <p>{production}</p>

If there is nothing in the {production} field?

Thanks.

Answer 1

Or, you can just do:

{if production}<p>{production}</p>{/if}

Answer 2

{if production != ""}
    <p>{production}</p>
{/if}