如何让一个脚本触发另一个脚本 [j Query] 缩小和扩大搜索框

发布于 2024-11-08 11:00:36 字数 561 浏览 2 评论 0原文

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

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

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

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

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

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

感谢您的所有帮助！ -约翰

原文

Hey, I have a simple question, but I'll set up the scenario first.

I'm making a menu bar similar to that of apple.com (when the search bar is clicked it auto expands to show available user input)

Now I have a script that expands the search for when clicked an is as follows:

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

So I need to somehow shrink the rest of the menu bar, this is what I'm thinking: if I make the buttons in a separate div tag then just call upon the shrinking of the div when the search bar is clicked that should work fine.

The only problem is I do not know how to accomplish this task. That is why I have come to ask this question, I hope I am not asking a complete noobish question! :)

Thanks for all the help!
-John

分享到QQ

分享到微博