Accordion or other solution for hide content

[sdomeradzki]

Hi,
I want ask you about information "How use accordion" in breeze?
breeze evolution theme was built in solution for this?

Argento Theme was few options, In this theme I don't see. Can you help me?

I need this for FAQ. I have few question, where I want hide answers. When customer click on question will show answer.

@vovayatsyuk did you have maybe solution without additional extensions?

[vovayatsyuk]

You can use collapsible or accordion blocks:

<div data-mage-init='{"collapsible":{"active":false}}' data-collapsible="true">
    <h3 data-role="title" data-trigger="true">Question 1</h3>
    <div data-role="content">Content 1</div>
</div>
<div data-mage-init='{"collapsible":{"active":false}}' data-collapsible="true">
    <h3 data-role="title" data-trigger="true">Question 1</h3>
    <div data-role="content">Content 2</div>
</div>

<div data-mage-init='{"accordion":{"active": -1}}'>
    <div data-role="collapsible">
        <h3 data-role="title" data-trigger="true">Question 1</h3>
        <div data-role="content" style="display:none">Content 1</div>
    </div>
    <div data-role="collapsible">
        <h3 data-role="title" data-trigger="true">Question 2</h3>
        <div data-role="content" style="display:none">Content 2</div>
    </div>
</div>

[sdomeradzki]

Great @vovayatsyuk ! Thanks Work perfectly.