divを表示して右からスライドして、テキストボックスにフォーカスが失われたときにdivを非表示にしてスライドさせようとしています。私はそれが前に働いていたし、それは動作を停止しました。 Please have a look at this jsfiddle:jquery divはスライドを表示/非表示にしません。
https://jsfiddle.net/tekknow/8qj99bkt/1/
それは隠されるべき時div要素が最初に示されています。
これを試してみてください：
$(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/
次の変更が行われました。
JQuery-uiという参照はありません。
ああ、もう1つ質問できますか？私の実際のコードでは、top属性とleft属性を持つことは望ましくありません。テキストボックスの位置にちょうど依存するようにしたい。そこで、displayをinline-blockに変更し、jsにhide（）を追加しました。しかし、今では右の代わりにテキストボックスの下を滑ります。 – tekknow
https://jsfiddle.net/tekknow/8qj99bkt/11/ – tekknow
気にしないでください。それは今働いている。どうもありがとうございました！ https://jsfiddle.net/tekknow/8qj99bkt/12/ – tekknow
jQueryとjQuery UIをフィドルに追加すると、完璧に機能しますか？ - > ** https：//jsfiddle.net/8qj99bkt/3/** – adeneo
どこにjQuery UIを追加しましたか？私が見るのは、外部リソースのjquery.jsです。 – tekknow
ドロップダウンメニューに追加しました – adeneo