jquery div不會顯示/隱藏幻燈片

Question

我試圖顯示一個div和從右側滑入當文本框獲取焦點並隱藏div並滑出文本框失去焦點時。我以前工作過，然後停止工作。 Please have a look at this jsfiddle:

https://jsfiddle.net/tekknow/8qj99bkt/1/

在div最初示出當它應該被隱藏。

Answer 1

試試這個：

$(document).ready(function(){ 
    $('#pwd').focus(function() { 
     $('#rules').show('slide', {direction: 'right'}, 500); 
    }); 

    $('#pwd').blur(function() { 

     $('#rules').hide('slide', {direction: 'right'}, 500); 

    }); 
}); 

https://jsfiddle.net/8qj99bkt/5/

以下更改：

• 替換事件的內容與模糊（可選）事件。
• 添加了JQueryUI參考。
• 重新添加JQUERY參考。

您只是缺少JQuery-ui的參考。