nascondere in css

[ale.mazzini]

facciamo un esempio
io ho:
<td class="cella3">

<div>
<div id="mainmenu3">
<jdoc:include type="modules" name="menu02" style="xhtml"/>
</div>
</div>

</td>

e .css

#mainmenu3
{
empty-cells:hide;
font-family: Avenir,Verdana, Arial, Helvetica, sans-serif;
padding: 150px 0px 0px 0px;
width: 110px;
text-align: left;
vertical-align: bottom;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
background-image:url(../images/sopramenu.png);


}

.cella3 {
empty-cells:hide;
vertical-align:top;
width: 110px;

/*background-color: #FF9900;*/

}


vorrei nascondere tutto se non cè niente
ho prvato con il background-color e il backbraound-image
ma non ci riesco
consigli?

[ale.mazzini]

sembra strano ma alla fine ho risolto cosi
<td class="cella2" style="empty-cells:hide;">

[ale.mazzini]

tipo questo

div#hide {
display: none;
}



$(function(){
$('#click').click(function(){

if( $('#hide').css('display') == 'block' )
$('#hide').css('display','none');
else
$('#hide').css('display','block');

return false;
});
});