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的参考。