Jquery 动画切换幻灯片从右向左输入搜索

我在这里做了一些事情，我只想让输入从右向左滑动。

我用简单的代码显示和隐藏输入字段

   $("#edit-search-block-form--2").animate({width:'toggle'},500);

任何帮助。

---

谢谢

我将您的输入字段放在一个div中，并将link和wrapper div的float设置为左侧：

<div id="input_wrapper">
  <input type="text" id="search2" name="search_block_form" value="" size="30" maxlength="128" >
</div>

这迫使div从左向右移动

以下是更新的小提琴：

---

据我所知，您的问题是将文本输入从右向左滑动

jQuery不提供从左或右滑动元素，所以您可以使用jQuery提供的动画方法来实现这一点

这就是我实现这一点的方式：

$("#showhide").toggle(function() {
$("#search2").animate({'margin': '-=100px'}, 500);
      $(this).toggleClass("closed");
}, function() {
$("#search2").animate({'margin': '+=100px'}, 500);
      $(this).toggleClass("closed");
});

您可以在此处查看小提琴：

---

谢谢你的帮助，解决了我的问题。非常感谢您的心意；）这是最新消息