Hiding <li> with no data

Hey folks,

We are using Magento as an eCommerce platform. On the backend, we have created attributes for our products which will house information that we would like to display on the frontend to our customers.

For the display on the frontend we are using jquery’s .accordion to display our information

Example:

[code]
<li>
<div class=”handle”>
<h3><?php echo $this->__(‘Measuring’) ?></h3>
<span></span>
</div>
<div class=”panel loading”>
<?php echo $this->__($_product->getData(‘usak_measuring’)); ?>
</div>
</li>
<li>
<div class=”handle”>
<h3><?php echo $this->__(‘Availability’) ?></h3>
<span></span>
</div>
<div class=”panel loading”>
<?php echo $this->__($_product->getData(‘usak_avil’)); ?>
</div>
</li>
[/code]

What we are looking to do is to hide sections that have no information in the backend. Example :

Casual Kilt
usak_measuring- Measuring instructions for the casual kilt
Clan Crest kilt Pin
usak_measuring – Left Empty since it does not pertain to the product.

If you pull up the Clan Crest Kilt Pin, it would not show the measuring guide section. Anyone have any suggestions on how to achieve this?

Thanks

Also in #HTML _↴