この設定で困っています。「サービス」リンクをクリックするとドロップダウンしますが、同じ「サービス」リンクを使用してドロップダウン/スライドダウン領域を閉じると、再度開いてもコンテンツに合わせて拡大/縮小しません。サイズがフリーズするだけで、スライドダウン領域内にある「閉じる」リンクで閉じるかのように、正常に動作し続けます。
([サービス] をクリックし、リンクにカーソルを合わせてから、もう一度 [サービス] をクリックして閉じ、もう一度開いて、もう一度リンクにカーソルを合わせて問題を表示します)
参照用の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(){
});
});