在两个div之间切换时更新页面的高度

Question

我有两个div＆amp;我一次显示一个div。为此我使用toggle方法

只需参考屏幕截图：

在此图片中，当我点击show more时，div将根据列表的first item进行切换。如果我点击show less，它将再次崩溃。

我面临的问题是第一次和如果我点击second or third项目，那么最后一项是罚款，那么差距就不会消除。查看截图。我没有给任何div任何高度。

问题出现在mozilla中，而不是在任何其他浏览器中......

Jquery：

$(".show_more_link").unbind('click').click(function(){
        var divid = $(this).attr('id');
        var show_more = "#show_more" + divid;   
        var show_less = "#show_less" + divid;
    if($(show_more).is( ':visible' )){
            $(this).text('Show more');
            $(show_more).hide();
            $(show_less).show();
          } else {
            $(this).text( 'Show less' );
             $(show_more).show();
             $(show_less).hide();
          }
    });

Answer 1

可见性仅影响可见性，但不影响布局。你只是让它变得透明＆＃34;。请改用display，这会影响布局（display：none vs display：block）