Churchill
Documentation
Accordion
Markup


    
    {{ accordion(
        items = [
            {
                "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
                "content": "<p class='b1'> Vivamus et molestie eros. Fusce volutpat in purus eu dictum. Aliquam molestie eleifend turpis, sed maximus eros rhoncus ut. Aenean tincidunt, augue eu vulputate mattis, leo est feugiat odio, sit amet finibus odio libero et felis. Praesent aliquam, erat eget eleifend consequat, velit lorem hendrerit tortor, a vulputate lorem sem vestibulum risus. Morbi vulputate dolor at dui facilisis, non posuere ligula laoreet.</p>",
                "expanded": true
            },
            {
                "title": "Praesent nec suscipit lacus",
                "content": "<p class='b1'>Nullam sem massa, interdum non convallis sed, sodales et felis. Ut sed blandit turpis. Ut semper lorem eu augue auctor lobortis. In sodales mi sed lectus molestie fringilla. Vivamus sagittis sagittis luctus. Ut tincidunt lacus diam, ut pulvinar massa iaculis et.</p>"
            },
            {
                "title": "Suspendisse vel posuere neque",
                "content": "Donec sed purus accumsan, mollis quam et, semper velit. Donec eu malesuada quam. Integer vel feugiat sem, id condimentum magna. Etiam vel hendrerit nunc, in dignissim libero. Donec ante mauris, fringilla a nisl et, efficitur porttitor neque. Aenean sem neque, porta sit amet vehicula eget, tempus a libero."
            }
        ]) }}
    

API Reference
  • Name
    Description
  • items: item[]
  • item.title: string
    The title for each section.
  • item.content: string
    The content for each section.
  • item.expanded: boolean (optional)
    Whether the section should be expanded by default.