Question

大家好我有一个带有文字的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');
            });
        });

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

2 个答案: