javascript - 单击Gmail搜索栏中的向下箭头时如何创建视图

Question

我需要使用 HTML、CSS、JQuery 和 JavaScript 创建一个如下图所示的视图。视图可能有输入、标签、按钮。我不想使用任何直接的第三方实现。我需要自己实现这一点。我是 JavaScript 新手。帮我解决这个问题。谢谢你。

Answer 1

我将假设您可以处理 HTML/CSS。

您必须实现下拉箭头按钮的 on_click 事件。保持 div 隐藏或将显示设置为无，当用户单击下拉箭头时，将可见性设置为可见或显示为阻止。

理想情况下，您可以使用 jQuery fadeIn()、fadeOut() 方法来获得漂亮的淡入和淡出效果。

如果您对 javascript 完全陌生，我会要求您阅读各种教程，以了解它是如何工作的，以及您可以用它做什么。

https://developer.mozilla.org/en-US/docs/JavaScript/Guide < 教程