jquery-ui - 切换后如何使用 jQuery 更改可见性

Question

我在 div“pastmeet”上有一个 jQuery 切换，我需要在切换后以编程方式（无需单击）设置可见性。我将 div 的样式设置为 display:block; 并添加了一个（显示），然后是一个 CSS 更改到 jQuery。无论我做什么，div 都不会显示，并且源代码显示 div 被分配了 display:none。切换关闭后如何显示 div？这是我现有的代码：

    (function ($) {
       $(document).ready(function() {
            $(".div_toggle").slideUp();
            $(".toggle_action").click(function(){
            $(this).next(".div_toggle").slideToggle("slow");
      });
        $('.pastmeet').css('display', 'block');  // force visibility to on          
      return false;
    });         
  })(jQuery);

Answer 1

如果您只想在显示和隐藏之间切换，您可以使用：

  $(".toggle_action").click(function(){
        $(this).next(".div_toggle").toggle();
  });

但如果你必须做一些更定制的事情，这就是我过去所做的：

var showHide = 0;
  $(".toggle_action").click(function(){
        if (showHide == 0) {
              showHide = 1;
              $(this).next(".div_toggle").hide();
             //do something
        } else {
              showHide = 0;
              $(this).next(".div_toggle").show();
             //do something
  });