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

嗨伙计们，我有一个文本的div框，隐藏，直到你点击一个按钮，然后它.slideToggles打开到它的高度，然后当你再次点击它切换关闭。

现在我要做的是在页面加载框中展开然后再次折叠并停止（不自动重复），以便人们看到隐藏的内容并单击按钮。 有人能帮忙吗？？ 我对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'); }); }); 

任何帮助将不胜感激。 我以为你可以在开始的时候背靠背做两个滑动眼镜，但不是很明显。

多谢你们。

Answer 1

放手一搏：

 $(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/

Answer 2

也许这个？

 $(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'); }); });