JQuery - 重置切换状态(JQuery - reset toggle state)

 我有一个按钮，当切换显示/隐藏一个div（'.reportOptions'），这工作得很好。 
 
$('.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
   }
);
 
 通过执行以下操作，同样的div也可以通过点击来隐藏 
 
$(document).click(function(){
   $('.reportOptions').css('display','none');
   $('.requestOptions').toggle(even);
});
 
 我使用最后一个函数的问题是，如果执行它，我必须双击resuestOptions按钮才能再次显示div。 
 
 我想知道的是，是否有任何方法可以在不必更改切换功能的情况下重置切换状态。 

I have a button which when toggled displays/hides a div ('.reportOptions'), this works perfectly fine.
 
$('.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
   }
);
 
the same div can also be hidden by clicking away from it by doing the following
 
$(document).click(function(){
   $('.reportOptions').css('display','none');
   $('.requestOptions').toggle(even);
});
 
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. 
 
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.

原文：https://stackoverflow.com/questions/9879023