CODEWITHSUNDEEP
jqueryangularjshtml
Sony Khan
Sony Khan

Reputation: 1504

Accordion: How to Keep current tab expanded when expanding another?

i have an accordion like this:

<div class="div_accordion">
    <accordion class="my_accordion">
        <accordion-group is-open="value1.open">
          <accordion-heading>Heading 1</accordion-heading>
          <p> Para 1</p>
        </accordion-group>

        <accordion-group is-open="value2.open">
          <accordion-heading>Heading 2</accordion-heading>
          <p> Para 2</p>
        </accordion-group>

        <accordion-group is-open="value3.open">
          <accordion-heading>Heading 3</accordion-heading>
          <p> Para 3</p>
        </accordion-group>
    </accordion>
</div>

when opening another it closes currently opened tab.

I want to keep current tab opened when opening other.

using accordion how can i do this in angular/jquery?

Upvotes: 0

Views: 58

Answers (1)

Jay Shukla
Jay Shukla

Reputation: 5826

This will solve your problem.

<div class="div_accordion">
    <accordion class="my_accordion" close-others="false">
        <accordion-group is-open="value1.open">
          <accordion-heading>Heading 1</accordion-heading>
          <p> Para 1</p>
        </accordion-group>

        <accordion-group is-open="value2.open">
          <accordion-heading>Heading 2</accordion-heading>
          <p> Para 2</p>
        </accordion-group>

        <accordion-group is-open="value3.open">
          <accordion-heading>Heading 3</accordion-heading>
          <p> Para 3</p>
        </accordion-group>
    </accordion>
</div>

Upvotes: 1

Related Questions