我在这个设置上遇到了麻烦。当我单击“服务”链接时,它会下拉,但是如果我使用相同的“服务”链接关闭下拉/向下滑动区域,当我重新打开它时,它不会扩展/收缩以适应内容,大小只是冻结,好像我用向下滑动区域内的“关闭”链接关闭它,它继续工作正常。
(单击“服务”,将鼠标悬停在链接上,然后再次单击“服务”将其关闭,然后再次将其打开并再次将鼠标悬停在链接上以显示我的意思)
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(){
});
});