如何使用带箭头按钮的站点在我的主页中打开不同的部分

时间:2016-08-17 10:36:48

标签: javascript jquery html css

我和我工作的朋友正在为他的烹饪业务创建一个网站。他已经在纸上整理了一些他想要的网站设计。其中一个想法是让他的主页有4个不同的部分在彼此的顶部,但他们将有一个箭头按钮,允许该部分打开和关闭。 (附图为视觉)

我之前设计过你有文字链接的网站,点击它们会带你到同一页面上的那个部分,但不知道我有一个下拉功能,因为在下拉列表中他会有文字输入那里有类似于阅读更多按钮。

如果有人可以请求我如何获得这样的东西,因为我尝试在谷歌上搜索但没有遇到过这样的事情,任何例子或帮助都会非常感激。

提前致谢,

design idea

2 个答案:

答案 0 :(得分:0)

你正在寻找的是前端可折叠的ui。从技术上讲,它用于菜单和标签等各种元素。

一般来说,它被称为手风琴,有各种现成的,你可以使用。

这是一个简单的html和jquery教程:Click Here

如果你使用bootstrap,那么Bootstrap也有类似的功能。

答案 1 :(得分:0)

我认为你正在寻找所谓的“手风琴”或“可折叠”,你可以找到很多例子。最简单的方法是使用bootstrap,这里是example