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

看看是否解決您的問題：Sample

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

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

Answer 2

添加overflow您header

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