2012-06-26 157 views
0

任何人都可以給我一些幫助嗎?內容需要在一秒鐘內懸停(我嘗試使用hoverIntent但我無法讓它工作),並且需要保持打開狀態,只有在單擊按鈕時才關閉/滑動備份。Jquery下拉內容面板

這是jfiddle http://jsfiddle.net/VDcL4/4/

回答

1

是否這樣?

jsfiddle

$(".btn-slide").on('mouseenter click', function(e) { 
    switch(e.type) { 
     case 'mouseenter': 
      $("#panel").stop().slideDown("slow"); 
      break; 
     case 'click': 
      $("#panel").stop().slideUp("slow"); 
      break; 
    } 
    return false; 
}); 
+0

非常感謝你西蒙,它的工作原理正如我所需要的:) – Kate

+0

歡迎您:)。就像穆克什說的那樣,檢查接受的正確答案,以便可能處於相同情況的其他人得到快速解決方案。 – Simon

2

所有你需要做的是更換的slideToggle了slideDown() -

$(document).ready(function() { 
    $(".btn-slide").hover(function() { 
     $('#panel').slideDown(1000); 
     $(this).addClass("active"); 
     return false; 
    }); 
});​ 

你爲什麼首先使用的slideToggle?

+0

太感謝你了!很棒。我是jquery的新手,所以我從某人elses腳本複製:) – Kate

+0

@ user1439038很高興我能幫上忙。你可以請接受答案作爲正確的一個 –