如何在切换后使用jQuery更改可见性

时间:2013-01-06 07:08:35

标签: jquery-ui toggle

我有一个关于div“pastmeet”的jQuery切换,我需要在切换后以编程方式(无需点击)设置可见性。我设置div的样式来显示:block;并添加了一个(show),然后一个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);

1 个答案:

答案 0 :(得分:0)

如果你只想在节目和隐藏之间切换,你可以使用:

  $(".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
  });