Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何创建一个视图,比如点击Gmail搜索栏中的向下箭头_Javascript_Jquery_Html_Javascript Events - Fatal编程技术网

Javascript 如何创建一个视图,比如点击Gmail搜索栏中的向下箭头

Javascript 如何创建一个视图,比如点击Gmail搜索栏中的向下箭头,javascript,jquery,html,javascript-events,Javascript,Jquery,Html,Javascript Events,我需要使用HTML、CSS、JQuery和JavaScript创建一个如下图所示的视图。视图可能有输入、标签和按钮。我不想使用任何直接的第三方实现。我需要自己来实现这一点。 我是JavaScript的新手。帮我把这个朋友扶起来。 谢谢。我假设您可以处理HTML/CSS 您必须实现下拉箭头按钮的on_click事件。隐藏div或将显示设置为无,当用户单击下拉箭头时,将可见性设置为可见或将显示设置为阻止 理想情况下,您可以使用jQuery fadeIn()、fadeOut()方法来实现这一点,以获得

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

我假设您可以处理HTML/CSS

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

理想情况下,您可以使用jQuery fadeIn()、fadeOut()方法来实现这一点,以获得良好的淡入淡出效果

如果您对javascript完全陌生,我会要求您阅读各种教程,了解它是如何工作的,以及如何使用它


如果我理解您的要求,则当用户单击输入中的向下箭头按钮时,将显示该信息。