Jquery 从下拉列表中选择选项时的文本幻灯片

我实际上是新的网站编码。我想要的是，在下拉菜单中选择一个选项时，我会得到一个从右边滑动的文本框。 我有这个密码

$（“.mySelect”）。单击（函数（）{
//设置效果类型
var效应='滑动'；
//设置所选效果类型的选项
var options={direction:'right'}；
//设置持续时间（默认值：400毫秒）
var持续时间=500；
$（'#myDiv'）。切换（效果、选项、持续时间）；
});
/**车身的样式**/
身体{
字体：12px Tahoma，Arial，Helvetica，无衬线；
}
/**按钮和div的样式**/
.我的按钮{
填料：2米1米；
字号：1em；
}
mySelect先生{
填充：.2em 0；
字号：1em；
}
#myDiv{
颜色：绿色；
背景色：#eee；
边框：2倍实心#333；
显示：无；
文本对齐：对齐；
}
#myDiv p{
利润率：15px；
字体大小：0.917em；
}
/**铸币商的风格**/
#身体{
明确：两者皆有；
保证金：0自动；
最大宽度：534px；
}
html，正文{
背景色：白色；
}
人力资源{
边缘底部：40px；
}

从右向左和从左向右滑动切换。


赖特
左边
向上的
向下
运行效应

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本

读者在查看页面布局时会被页面的可读内容分散注意力，这是一个早已确定的事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变，有时出于偶然，有时出于故意（注入幽默等）

是否包含脚本标记中的jQuery？是的，我包含了jQuery脚本标记。删除
效果
参数似乎可以解决这个问题。API（）没有引用该类型的参数。是的，它更正了错误，但这不是我想要的效果。请参考此链接。这是我想要的效果，即更改下拉列表中的值时，它会“滑动”文本框。您是否包括jQueryUI？如果我将jQuery UI添加到代码中，效果将不会出现问题