help with slideToggle please

help with slideToggle please

I've been try for the last 24 hours to get this to work right and it just driving me nuts.

HTML:

  1. <div class="thecourse">

  3.       <div class="category"></div>
  4.       <div class="subcategory"></div>
  5.       <div class="subcategory">
  6.             <p class="getcourse"></p>
  7.             <p class="summary"></p>
  8.       </div>
  9.       </div>
this repeats several times. Basically i only want the category to slideToggle to the next category and leave the other ones below it expanded.

And here is what i have been try to get to work:

  1. $(".thecourse").each(function(){
  2. $(".category").click(function(){
  3. $(".subcategory, .getcourse", this).next(".category:eq(0)").slideToggle("slow");
  4. })
  6. });
any help would be soooo greatly appreciated.