0

この設定で困っています。「サービス」リンクをクリックするとドロップダウンしますが、同じ「サービス」リンクを使用してドロップダウン/スライドダウン領域を閉じると、再度開いてもコンテンツに合わせて拡大/縮小しません。サイズがフリーズするだけで、スライドダウン領域内にある「閉じる」リンクで閉じるかのように、正常に動作し続けます。

([サービス] をクリックし、リンクにカーソルを合わせてから、もう一度 [サービス] をクリックして閉じ、もう一度開いて、もう一度リンクにカーソルを合わせて問題を表示します)

参照用の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(){
        });
    });
4

2 に答える 2

0

これで問題が解決するかどうかを確認してください：サンプル

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

    $("#fullservices").stop().slideToggle({queue: false});
    $("#taglinecontainer").stop().slideToggle({}).delay(600);
 });
于 2013-03-14T14:06:33.267 に答える
0

overflowあなたに追加header

header {
    background: rgba(0, 0, 0, 0.6);
    min-height: 50px;
    overflow:auto;
}
于 2013-03-14T13:50:09.383 に答える