title: JQuery - reset toggle state
body: <p>I have a button which when toggled displays/hides a div ('.reportOptions'), this works perfectly fine.</p>
  
  <pre><code>$('.reportOptions').click(function(e){ 
     e.stopPropagation();
  });
  
  
  $('.requestOptions').toggle(
     function(){
        $(this).parent().find('.reportOptions').css('display','block');   //show request options
     },function(){
        $('.reportOptions').css('display','none');    //hide all request oprtions menus
     }
  );
  </code></pre>
  
  <p>the same div can also be hidden by clicking away from it by doing the following</p>
  
  <pre><code>$(document).click(function(){
     $('.reportOptions').css('display','none');
     $('.requestOptions').toggle(even);
  });
  </code></pre>
  
  <p>the problem I have with the last function is that if it is performed I must double click the resuestOptions button in order to display the div again. </p>
  
  <p>What I want to know is if there is any way in which you can reset the toggle state without having to change the toggle function.</p>