expand collapse html tag

Definition and Usage, the details tag specifies additional details that the user can view or hide on demand.
Click the controller heading to expand.
Etiam a purus lorem.Any sort of content can be put inside the details tag.It can be long or short.These borders will not be displayed when you view the saved page.div /div /div /div Try it Yourself » Complete Bootstrap Collapse Reference For a complete reference of all collapse options, methods and events, go to our Bootstrap JS Collapse Reference.Global Attributes, the details tag also supports the.summary p - by Refsnes Data.



br br br br br br br br br br br br br br br A name"SEC2" 2 /A br Stuff.
You can add any formatting and layout you want to a collapsible item.
Note: For a elements, you can use the href attribute instead of the data-target attribute: Example, collapsible div id"demo" class"collapse" Lorem ipsum windows vista sp2 x64 iso dolor text.
The content of a details element should not be visible unless the open attribute is set.p /details Try it Yourself ».Collapsible Group 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Previous, next, basic Collapsible, collapsibles are useful when you want to hide and show large amount of content: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.In the edit view, you will see a dashed outline around the heading, and a dotted outline around the collapsible content.Expand/Collapse All, if you want, you can add links to expand and collapse all of the items at once.Editing the collapsible content, once you have inserted a collapsible item, you do not have to go back to html mode to edit.The heading can be clicked to view/hide the details.Open up the html editor and paste this code just before your first collapsible item.