如何让一个脚本触发另一个[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问题！ ：）

感谢您的帮助！ -John

Answer 1

您想为complete个功能添加animate回调。见http://api.jquery.com/animate/

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