如何创建查看类似于向下点击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＆lt;教程