http://wordpress.pastebin.com/m3bc2d3f

and the HTML of the slideshow I’m trying to hide until it’s ready:

http://wordpress.pastebin.com/m378e7f9a

(or view source, of course, at nbierma.com)

$(‘html’).html();
$(‘#add_class_html’).hide();

<script type="text/javascript">
  $(window).bind('load', function() {
      $('div.something').show();
  });
</script>

Maybe a different example would help. Let’s say you have a utility CSS class called “js-hide” that you want to add to all elements that should be hidden when the page loads. You could do that like so:

<script type="text/javascript">
  document.documentElement.className = 'js';
</script>
<style type="text/css">
  .js .js-hide { display: none; }
</style>

Then, you might have an element in your html like this (with two classes, “js-hide” and “something”):

<div class="js-hide something">this is initially hidden</div>

You can show that div later on, based on some user input or some amount of elapsed time or whatever. For example, you could toggle its visibility in response to a user clicking on a button:

<script type="text/javascript">
  $(document).ready(function() {
    $('#my-button').click(function() {
      $('div.something').toggle();
    });
  });
</script>

I hope that helps!