jquery - 扩展搜索文本字段，但按钮在第一次单击时不起作用

Question

好的，所以我得到了这些花哨的搜索框之一来展开（即：apple.com）模糊文本字段，然后再次单击。

我不想要第二次点击，我的想法是 jquery 创建一个函数，如：

$('.menu a').mouseover(function() {
     $('mysearch').blur();
    });

但我觉得这是错误的，所以有更好的方法来写这个吗？

Answer 1

（更新）在对其进行更多研究并在 css 技巧上找到此内容后，帮助我了解了发生了什么：http ://css-tricks.com/video-screencasts/123-if-it-moves-when-you-click-做东西棒/

事实证明，一旦我将速度从“快”减至“慢”，问题就解决了：

$('#search-txt').focus(function () {
     $('.menu a').animate({
         'padding-right': 23,
         'padding-left': 23,
     }, 'slow');
     $(this).animate({
         width: 300
     }, 'fast');
     $('#nav-search').animate({
         width: 408
     }, 'slow');
     }).blur(function () {
          $(this).animate({
          width: 200
     }, 'slow');
     $('#nav-search').animate({
          width: 335
     }, 'slow');
     $('.menu a').animate({
         'padding-right': 30,
         'padding-left': 30,
     }, 'slow');
});