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

我有两个div&我一次放映一个div。为此，我使用了

切换

方法

只需参考屏幕截图：

在这幅图中，当我单击“显示更多”时，div将根据列表的第一项进行切换。如果我单击

显示较少的

，它将再次崩溃

我面临的问题是第一个和最后一个项目没有问题，如果我单击第二个或第三个项目，则间隙不会消除。请看屏幕截图。我没有给任何一个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();
          }
    });

---

可见性仅影响可见性，而不影响布局。你只是让它“透明”。改为使用

display

，它会影响布局（display:none vs display:block）

将html和css添加到问题中，可能问题出在其他地方（可能是错误的ID）。这个问题在mozilla中出现，只有其他浏览器工作正常，甚至IE8也可能是mozilla的某种jquery问题。我试着用一些更“DOM”的东西来替换

if（$（show_more）.is（':visible'）{

，比如

if（$（show_more）.css（'display'）！='none'）{

不看html是很困难的。很多事情对我来说都不清楚（比如对show&hide元素使用不同的Id）嘿，我已经解决了…这是一些与mozilla的css问题…thnx为你的时间为什么mozilla创造了这个问题？？？有什么想法的家伙们？好的，我解决了它，谢谢大家…这实际上是css问题。我修复了它。在这里发布你的解决方案，以帮助其他类似的问题在未来