Открытие div по клику в области другого div. Без CSS.

Здравствуйте, Боги HTML, нужна ваша помощь в коде формы заказа, нужно сделать так, чтобы div “customfields” плавно открывался после клика в div “addons”

{if $addons}
<h3>{$LANG.cartavailableaddons}</h3>
<div class="addons" id="addons">
<table width="100%" cellspacing="0" cellpadding="0" class="configtable">
{foreach from=$addons item=addon}
<tr><td class="radiofield"><input type="checkbox" name="addons[{$addon.id}]" id="a{$addon.id}"{if $addon.status} checked{/if} onclick="recalctotals()" /></td><td class="fieldarea"><label for="a{$addon.id}"><strong>{$addon.name}</strong> - {$addon.pricing}<br />{$addon.description}</label></td></tr>
{/foreach}
</table>
</div>
{/if}

{if $customfields}
<h3>{$LANG.orderadditionalrequiredinfo}</h3>
<div class="customfields" id="customfields"> <====Этот DIV нужно плавно открыть при клике в Div`e "addons"
<table width="100%" cellspacing="0" cellpadding="0" class="configtable">
{foreach key=num item=customfield from=$customfields}
<tr><td class="fieldlabel">{$customfield.name}</td><td class="fieldarea">{$customfield.input} {$customfield.description}</td></tr>
{/foreach}
</table>
</div>
{/if}