HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
When you want to hide part of the display, you can collapse the list.
.accordion
classes and data-accordion
attribute is used to create a collapsible element. .accordion-navigation
class used to render collapsible elements. The actual content .content
class (<div class = "content" ) and click the button to display either.
We added to the list items <a>
element to control (show / hide) The collapsible. Then anchor link with collapsible content with the same content id (<a href=#demo" 与<div id="demo"> associated).
Note: The folding effect needs to be initialized Foundation JS.
By default, the collapsible content is hidden. We can in the <div>
Previous .active
class is allowed to default display:
Accordion effect for the extension and set the collapsible content.
Accordion effect by using a plurality of different anchors and id to create a link:
By default, the accordion has a list item is open. If you want to close all can use data-options="multi_expand:true;"
;" properties: