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