How do I Hide/show if field is empty in jQuery Script
Below is a jQuery code for a product zoom. If the "ProductImage", "ProductLineArt", or "ProductLifestyle"are empty I want to hide the row of code it is listed in...
Please advise:
<a href="<?php echo $row_WADAproduct['ProductZoom']; ?>" class="MagicZoomPlus" id="Zoomer" title="<?php echo $row_WADAproduct['ProductName']; ?> Rug"><img src="<?php echo $row_WADAproduct['ProductImage']; ?>"/></a> <br/>
<a href="<?php echo $row_WADAproduct['ProductZoom']; ?>" rel="zoom-id:Zoomer" rev="<?php echo $row_WADAproduct['ProductImage']; ?>"><img src="<?php echo $row_WADAproduct['ProductSmall']; ?>"/></a>
<a href="<?php echo $row_WADAproduct['ProductLineArtZoom']; ?>" rel="zoom-id:Zoomer" rev="<?php echo $row_WADAproduct['ProductLineArt']; ?>"><img src="<?php echo $row_WADAproduct['ProductLineArtSm']; ?>"/></a>
<?php if($row__WADAproduct['ProductLifestyle'] != "") { ?>
<a href="<?php echo $row_WADAproduct['ProductLifestyleZoom']; ?>" rel="zoom-id:Zoomer" rev="<?php echo $row_WADAproduct['ProductLifestyle']; ?>"><img src="<?php echo $row_WADAproduct['ProductLifestyleSm']; ?>"/></a>
<?php } ?>