jquery - jQuery slideToggle 起作用了

Question

我在这个设置上遇到了麻烦。当我单击“服务”链接时，它会下拉，但是如果我使用相同的“服务”链接关闭下拉/向下滑动区域，当我重新打开它时，它不会扩展/收缩以适应内容，大小只是冻结，好像我用向下滑动区域内的“关闭”链接关闭它，它继续工作正常。

（单击“服务”，将鼠标悬停在链接上，然后再次单击“服务”将其关闭，然后再次将其打开并再次将鼠标悬停在链接上以显示我的意思）

jsFiddle供参考

    $(document).ready(function(){
        $("#closebtn").click(function(){
            $(".expandable").stop().slideUp().delay(600);
            $(".expandable2").stop().slideUp().delay(600);
            $("#taglinecontainer").stop().slideToggle({queue: false}).delay(600);
        });
        $("#toggleservices").click(function(){
            $(".expandable").slideUp().delay(600);
            $("#fullservices").stop().slideToggle({queue: false});
            $("#taglinecontainer").stop().slideToggle({}).delay(600);
        });
        $("#togglesectors").click(function(){
            $(".expandable").slideUp().delay(600);
            $("#fullsectors").slideToggle({queue: false});
            $("#taglinecontainer").slideToggle({}).delay(600);
        });
    });
    $(document).ready(function(){
        $("#togglestrategyblurb").hoverIntent(function(){
            $(".expandable2").slideUp();
            $("#strategyblurb").slideToggle();
        }, function(){
        });
        $("#toggledesignblurb").hoverIntent(function(){
            $(".expandable2").slideUp();
            $("#designblurb").slideToggle();
        }, function(){
        });
        $("#toggleprblurb").hoverIntent(function(){
            $(".expandable2").slideUp();
            $("#prblurb").slideToggle();
        }, function(){
        });
        $("#togglewebblurb").hoverIntent(function(){
            $(".expandable2").slideUp();
            $("#webblurb").slideToggle();
        }, function(){
        });
    });

Answer 1

添加overflow到您的header

header {
    background: rgba(0, 0, 0, 0.6);
    min-height: 50px;
    overflow:auto;
}

Answer 2

看看这是否解决了您的问题：示例

 $("#toggleservices").click(function(){

    $("#fullservices").stop().slideToggle({queue: false});
    $("#taglinecontainer").stop().slideToggle({}).delay(600);
 });