使用.slidetoggle让div在页面加载时再次展开和折叠

嗨，大家好，我有一个div文本框，它隐藏起来，直到你点击一个按钮，然后.slideToggles打开它的高度，然后当你再次点击它时，它会切换关闭。使用.slidetoggle让div在页面加载时再次展开和折叠

现在我想要做的是在页面加载框中展开，然后再次折叠并停止（不自动重复），以便人们看到隐藏内容并点击按钮。有人能帮忙吗？？我并不擅长jQuery。

这是我得到的。

 $(document).ready(function() { 

      $("#page-information").hide(); 
       $(".info-tab").toggle(function() { 
        $(".info-tab").addClass("info-active"); 
        }, function() { 
        $(this).removeClass("info-active"); 
       }); 
       $(".info-tab").click(function() { 
        $("#page-information").slideToggle('slow'); 
       }); 
      });

任何帮助将不胜感激。我以为你可以在开始的时候连续做两个幻灯片，但是并不明显。

谢谢你们。

来源

2012-02-24 Alex M

不是每个人都看的页面。不会有工具提示或某种方式指向它，他们可以关闭更好地满足您的需求？ – Ben 2012-02-24 15:46:39

给这个一展身手：

$(document).ready(function() { 

    $("#page-information").slideDown('slow', function(){ 
     setTimeout("$('#page-information').slideUp('slow');", 500); 
    }); 
    $(".info-tab").toggle(function() { 
     $(".info-tab").addClass("info-active"); 
     }, function() { 
     $(this).removeClass("info-active"); 
    }); 
    $(".info-tab").click(function() { 
     $("#page-information").slideToggle('slow'); 
    }); 
});

它的实例工作：在加载http://jsfiddle.net/ufomammut66/yRqqq/2/

来源

2012-02-24 15:55:46 ShortRound1911

嘿男人！你是一个可爱的人！那很棒！在首页加载时，您会看到它向下滑动然后备份，但之后在其他每个页面上都会开始展开并折叠。第一次加载页面之前是否还可以强制下滑动？非常感谢尼克！非常非常感谢。 – 2012-02-24 16:08:27

只是为了扩大尼克。你在jsfiddle上的代码正好在我的地方加载打开然后崩溃。谢谢 – 2012-02-24 16:12:54

只需在黑暗中进行刺探，但这可能是您的CSS页面信息元素。如果你打开我制作的JSFiddle，并改变＃page-information元素的css：'display：none;'到'显示：块';'你会注意到slideDown没有执行。这是因为slideDown只适用于未显示的元素。当我们在显示的元素上执行slideDown时，jQuery将此视为完成 - 因此它只是执行回调函数 - 这是我们的slideUp。如果这不能解决您的问题 - 请发布HTML和CSS您的使用。 – ShortRound1911 2012-02-24 16:44:49

也许这样？

$(document).ready(function() { 

    $(".info-tab").toggle(function() { 
     $(".info-tab").addClass("info-active");} 
    }); 

    setTimeout(function(){ 
     $(".info-tab").toggle(function() { 
      $(this).removeClass("info-active"); 
      $("#page-information").slideToggle('slow'); 
     }); 
    }, 1000); 



     $("#page-information").hide(); 
      $(".info-tab").toggle(function() { 
       $(".info-tab").addClass("info-active"); 
       }, function() { 
       $(this).removeClass("info-active"); 
      }); 
      $(".info-tab").click(function() { 
       $("#page-information").slideToggle('slow'); 
      }); 
     });

来源

2012-02-24 15:50:04

使用.slidetoggle让div在页面加载时再次展开和折叠

回答

相关问题