slidetoggle problem...

slidetoggle problem...

hey

thats my simple source, sorry i'm a beginner... :

$(document).ready(function(){
$(".details").hide(); 
      $(".details a")
        .click(function(){
          $(".event").unbind("click"); 
});
$(".event")
        .click(function(){
          $(".details",this).slideToggle("900");
          return false;          
});
});

thats my html:

<div class="event" id="event_15981">
               
                    <div class="subject">
                        <div class="title">Title</div>
                        <div class="time"><time datetime="2010-03-05T22:00:00.001-00:00" pubdate>Time</time </div>
                        <div class="location">Location</div>
                    </div>
               
                <div class="details">
                    <a href="info.html">
                        <div class="description">lorem ipsum...</div>
                    </a>
                </div>
            </div>

and thats my problem: if you click on a link (going to info.html) in the textbox ".details" and go back (via the back button in your browser) it doesnt hide the ".details"-box.

how can i hide my ".details" everytime the page is loaded, even by the backbutton? please anyone can help

greetz.