PLEASE HELP! How do I make BC not render a div if there is no content?

Question

I have a problem that I suspect I need JQuery for, unless someone can suggest a nifty workaround:
On my ecommerce online shop layout template, I have it set up so that there's a category description first, that floats to the left, and then floating to the right of that, is my cataloguelist div class and my productlist div class below that.
As shown here:
on a page that has no subcategories: http://bevisco.businesscatalyst.com/products/storage/caddies
on a page that has subcategories, but no other products: http://bevisco.businesscatalyst.com/products/seating
This is how I've got the html on my shop layout template:
<div class="shop-main clear">
<div class="cat_description">{tag_cataloguebreadcrumbs}{tag_description}</div>
<div class="catalogue_list">{tag_cataloguelist,4,,24,,true,}</div>
<div class="prod_list">{tag_productlist,4,,24,,true,}</div>
<div class="footer clear">{tag_previouspage,<img alt="" src="/CatalystImages/module_previous.png" />}{tag_pagination}{tag_nextpage,<img alt="" src="/CatalystImages/module_next.png" />}</div>
</div>
What I want is for {tag_cataloguelist} and {tag_productlist} and their containing divs to not show at all if there is no content for them...
Is it possible? Is there anyoneone able and kind enough to please help me? I don't know javascript, but am happy to use it if someone can show me what I need.
Thank you.

Answer 1

Hi Carol,
I've read the rule of the commas for modules, but not for tags ... so thought maybe this is why is not working ... but again, I'm just trying to figure it out.
I'm still confusing about when and how use modules and tags properly.
I've found this short guide for TAGS that says literaly:
"Note: Tags are not transferrable and cannot be shared across all modules. Use the specific tags listed with each module as shown below: "
http://kb.worldsecuresystems.com/134/bc_1342.html?bc-partner
You may access through your  BC aacount ... search by "Tags - Quick Reference" ... this is a little different that the one from ADOBE site.
You'll see that the tags can be customizable by modules and not the way you are doing.
HOWEVER, take a look at another short guide that might give you another options ... I'm gonna try this too.
This is at http://forums.adobe.com/docs/DOC-2721  .... scroll down until STEP 4 and see some customizations for Product Tags
I have a similar case like yours .... I want to show discounts and previous prices only on Sale items ... like I do at http://tesonline02.businesscatalyst.com/outerwear/avatar      ... and hide all these for regular items.
Haven't found a clear tutorial, neither the responses are completly satisfactory... someone told me use the tag_sale and the rest through CSS ... but ... how??? ...  this is so frustrating
.. have you found a good tutorial?
I'm trying to find a response for that ...  keep you posted so you may apply it in your case.
Regards!!
Eva