如何让一个脚本触发另一个 [jQuery] 缩小和扩展搜索框

Question

嘿，我有一个简单的问题，但我会先设置场景。

我正在制作一个类似于 apple.com 的菜单栏（当点击搜索栏时，它会自动展开以显示可用的用户输入）

现在我有一个脚本，可以在单击时扩展搜索，如下所示：

<script>
$("#searchbar").focus(function() {
$("#searchbar").animate(
        {width: 170},
        "medium");
});
$("#searchbar").blur(function() {
$("#searchbar").animate(
        {width: 92},
        "medium");
});
</script>

所以我需要以某种方式缩小菜单栏的其余部分，这就是我的想法：如果我在单独的 div 标签中制作按钮，然后在单击搜索栏时调用 div 的缩小应该可以正常工作。

唯一的问题是我不知道如何完成这项任务。这就是为什么我来问这个问题，我希望我不是在问一个完整的noobish问题！ :)

感谢大家的帮助！ -约翰

Answer 1

您想为您的animate 函数添加一个complete 回调。见http://api.jquery.com/animate/

回调在事件完成后发生（在您的情况下是动画）。