imo put a class on each of the td cells in that column and a separate
class or id on the table - when they hit the button to expand/collapse
the other column, change the class name(s) of the parent table, i.e.
<style type="text/css">
#mytable td.bigtd { width: 40%; }
#mytable.more td.bigtd { width: 60%; }
#mytable.more td.blah { display: none; }
</style>
<script language="javascript">
function bigTDMore() {
document.getElementById('mytable').className = 'more';
}
</script>
<a href="javascript:void(0);"
onclick="bigTDMore();">more</a>
<table id="mytable">
<tr>
<td class="col1">stuff</td>
<td class="blah">blah</td>
<td class="bigtd">more blah</td>
</tr>
<tr>
<td class="col1">more stuff</td>
<td class="blah">blah</td>
<td class="bigtd">more blah</td>
</tr>
</table>
hth,
ike
p.s. I would recommend actually placing the width on a <col> tag, but
when I've tried it in the past, it's not worked the way it should.
--
s. isaac dealey ^ new epoch
isn't it time for a change?
ph: 503.236.3691
http://onTap.riaforge.org/blog
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;160198600;22374440;w
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:301611
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
