The accordion is a graphical control element comprising a vertically stacked list of items, such as labels or thumbnails. Each item can be "expanded" or "collapsed" to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.
Accordion widget
The term stems from the musical accordion in which sections of the bellows can be expanded by pulling outward.
A common example of an accordion is the Show/Hide operation of a box region, but extended to have multiple sections in a list.
An accordion is similar in purpose to a tabbed interface, a list of items where exactly one item is expanded into a panel (i.e. list items are shortcuts to access separate panels).
Several windows are stacked on each other. All of them are "shaded", so only their captions are visible. If one of them is clicked, to make it active, it is "unshaded" or "maximized". Other windows in accordion are displaced around top or bottom edge.
Examples
A common example using a GUI accordion is the Show/Hide operation of a box region, but extended to have multiple sections in a list.
SlideVerse is an accordion interface providing access to web content.[1]
In an early example, Apple's download page used roll-over accordions in 2008. In this example, captured in the Wayback Machine in the Internet Archive, the left column of the page includes three categories that expand on roll-over: "All Downloads", "Top Apple Downloads", and "Top Downloads".[2]
accordion, this, article, needs, additional, citations, verification, please, help, improve, this, article, adding, citations, reliable, sources, unsourced, material, challenged, removed, find, sources, accordion, news, newspapers, books, scholar, jstor, septe. This article needs additional citations for verification Please help improve this article by adding citations to reliable sources Unsourced material may be challenged and removed Find sources Accordion GUI news newspapers books scholar JSTOR September 2014 Learn how and when to remove this template message The accordion is a graphical control element comprising a vertically stacked list of items such as labels or thumbnails Each item can be expanded or collapsed to reveal the content associated with that item There can be zero expanded items exactly one or more than one item expanded at a time depending on the configuration Accordion widget The term stems from the musical accordion in which sections of the bellows can be expanded by pulling outward A common example of an accordion is the Show Hide operation of a box region but extended to have multiple sections in a list An accordion is similar in purpose to a tabbed interface a list of items where exactly one item is expanded into a panel i e list items are shortcuts to access separate panels Contents 1 User definition 2 Examples 3 See also 4 References 5 External linksUser definition EditSeveral windows are stacked on each other All of them are shaded so only their captions are visible If one of them is clicked to make it active it is unshaded or maximized Other windows in accordion are displaced around top or bottom edge Examples EditA common example using a GUI accordion is the Show Hide operation of a box region but extended to have multiple sections in a list SlideVerse is an accordion interface providing access to web content 1 The list view of Google Reader also features this In an early example Apple s download page used roll over accordions in 2008 In this example captured in the Wayback Machine in the Internet Archive the left column of the page includes three categories that expand on roll over All Downloads Top Apple Downloads and Top Downloads 2 See also EditCode folding a similar technique applied to textReferences Edit SlideVerse A Different Look at the Internet Archived from the original on 2009 02 03 Retrieved 2008 10 25 Apple Downloads www apple com Archived from the original on 30 April 2008 Retrieved 12 January 2022 External links EditjQuery UI accordion widget YourHead mootools Tutorial where the effect is called sliding shelf on MONFX Accordion Interface Demo of an accordion script Shopify Accordion Shopify product description accordion Retrieved from https en wikipedia org w index php title Accordion GUI amp oldid 1143237754, wikipedia, wiki, book, books, library,
