So apparently hiding content using "display: none" is bad for SEO and seen by googlebot as being deceptive. This according to a lot of the posts I read online and questions even on this site.

But what if I hide keyword rich text using javascript? A jquery example:

$(function() {
   $('#keywordRichTextContainer').hide();
});

or using visibility hidden:

$(function() {
   $('#keywordRichTextContainer').css({
      visibility: 'hidden',
      position: 'absolute'
   });
});

Would any of these techniques cause my site to be penalized? If googlebot can't read javascript then if I'm hiding through js it shouldn't know right?

What about using "text-indent: -9999px"?