John,
display:none means that the the tag in question will not appear on the page at
all (although you can still interact with it through the dom). There will be no
space allocated for it between the other tags.
Visibility:hidden means that unlike display:none, the tag is not visible, but
space is allocated for it on the page.
So given your solution, the following may work better:
.mymenuclass {
display:none;
}
>This seems to work but looks clunky to me. Better solution(s)?
>
>.mymenuclass {
>visibility: hidden;
>}
>
><head>
> <script>
>$(document).ready(function () {
>$( "#mymenu" ).hide();
>$( "#mymenu" ).css("visibility", "visible");
>});
> </script>
></head>
>
>
>
>
>
>
>--
>John Bliss - http://about.me/jbliss
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive:
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:353728
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
