Thanks for the help everyone- it works! :) Now, some tweaking... I
have several divisions that I want to show in this manner, so how do I
make the code a general rule as opposed to a specific order to show
#overview? For example, how would I show #contact without writing a
new script snippet? I would like to use the same class ("fadein").

------------------------------
As an update, here is my relevant (and working!) code:


Script in head:

<script type="text/javascript">
  $(document).ready(function(){
    $('.fadein').click(function(){
      $('#overview').show('slow');
      return false;
    });
  });
</script>


CSS:

div#overview {
  display: none;
}


HTML in body:

<a class="fadein">Overview</a>
<div id="overview"><p>this is the overview text</p></div>

Reply via email to