文章/答案/技术大牛

发布

问Jquery切换使容器移动。
EN

Stack Overflow用户

提问于 2014-04-15 06:26:58

回答 2查看 398关注 0票数 0

我创建了一个jquery代码，它允许您单击按钮来显示或隐藏div。但是，当我切换div时，容器会在打开时发生一点移动。我在谷歌上搜索，到处都说膨胀的div正在失去它的高度。我该怎么解决呢？我不能将高度设置为div，因为在div中我有更多的扩展内容，就像您单击“阅读更多”，然后出现更多文本的小段落，因此展开div的高度总是在变化。

这是我的密码：

<script type="text/javascript">
    $(window).load(
      function ()
      {
        $(".expandbutton").click(
          function ()
          {
            $("#mainexpand").toggle("fast");
          }
        );
      }
    );
</script>

那么，当您单击.expandbutton div以切换#mainexpand div时，如何防止内容移动？

toggle

javascript

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-04-15 06:46:29

$(document).ready(function(){
  $("#mainexpand").hide();

 $( ".expandbutton" ).click(function() {

  if($("#mainexpand").is(":visible")){
    $("#mainexpand").hide();
  } 
   else {
   $("#mainexpand").show();
  }

 });
 });

票数 1

Stack Overflow用户

发布于 2014-04-15 06:37:07

您需要设置可见性，而不是用显示来显示或隐藏它：

$(window).load(function(){
 $( ".expandbutton" ).click(function() {
  if($("#mainexpand").css("visibility") == "visible"){
    $("#mainexpand").css("visibility","hidden");
  } else {
   $("#mainexpand").css("visibility","visible");
  }
 });
 });

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23076091

复制

相似问题

问Jquery切换使容器移动。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery切换使容器移动。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery切换使容器移动。
EN