2013-01-06 110 views
0

我在div“pastmeet”上有一个jQuery切换,我需要在切换后以编程方式设置可见性(无需点击)。我设置div的样式来显示:block;并添加(显示),然后CSS改为jQuery。无论我做什么,div都不显示,并且源代码显示div被分配了一个显示:无。如何在切换关闭后显示div?这里是我现有的代码:如何在切换后使用jQuery更改可见性

(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); 

回答

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 
    }); 
+0

Thanks Losbear!这非常有帮助! – longboardnode