我遇到了麻煩,這個設置。當我點擊'服務'鏈接時,它會下降,但如果我使用相同的'服務'鏈接關閉下拉/下拉區域,當我重新打開它時,它不會展開/收縮以適應內容,大小隻是凍結,就好像我通過滑動區域內的「關閉」鏈接關閉它,它可以繼續正常工作。JQuery slideToggle代理
(點擊服務,將鼠標懸停在鏈接,然後再次單擊服務,關閉它,然後再次打開它,並重新鏈接將鼠標懸停在顯示我的意思是這個問題)
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(){
});
});
看起來不錯。你可能只是在某個地方有一個邏輯錯誤。 – 2013-03-14 13:45:00
我只能在IE9中重現毛刺 – 2013-03-14 13:57:48