DMS 2 Accordion, one closes, one opens.

[tjolin+ 18]

Hi I have another accordion question, 

 

How can I make a accordion close when another one is open? 

So basically only one can be opened.

 

TIA

[Danny+ 1,327]

Hi,

 

The Accordion shortcode built inside DMS, is using Bootstrap code. Therefore, when you click on one, the other should close and vice versa. Is this not happening for you ?

[tjolin+ 18]

I've set the accordions in rows, I think thats the problem?

 

As can be seen here: www.james-watling.com , the "about" and "contact" button

[Danny+ 1,327]

Yeah, thats actually really clever and works well, but I do feel like you said it is because you have styled them in rows. I would try using tabs instead and see how that works.

[tjolin+ 18]

So I've put it in a normal accordion way.

But still the same problem? One doesnt close when one is open. 

Ive checked the shortcode and everything is fine. 

 

Any ideas?

 

<B>[pl_accordion name="accordion"]

[pl_accordioncontent name="accordion" number="5" heading="ABOUT" open="no"]

James is a Publisher and Business Director who has been working in the Asia Pacific region for several years producing high end luxury print publications, digital media and advertising campaigns for a wide range of world famous brands and businesses. He is primarily responsible for the business aspect of new media ventures, but is equally involved in the creative process working with some of the most talented art directors, graphic designers, illustrators, photographers and writers in the business. James is currently consulting to clients in the region as well as expanding his horizons into new territories. <br>

[download label="Download Digital Portfolio (3.6mb)"]http://james-watling.com/wp-content/uploads/2015/03/James-Folio-Digital.pdf[/download]

[download label="Download Print Portfolio (34mb)"]http://james-watling.com/wp-content/uploads/2015/03/James-Folio-Print.pdf[/download]

[/pl_accordioncontent][pl_accordioncontent name="accordion" number="6" heading="CLIENTS"]

<img src="http://james-watling.com/wp-content/uploads/2015/03/LOGOS-BIG.png">

[/pl_accordioncontent]

[pl_accordioncontent name="accordion" number="7" heading="WORK"]

<a href="#work"><p><i class="icon icon-chevron-down icon-2x"></i></p></a>

[/pl_accordioncontent]

[pl_accordioncontent name="accordion" number="8" heading="CONTACT"]

/ <b><a href="sg.linkedin.com/pub/james-watling/4/6a/796/en/" target="_blank">LINKEDIN</a> <BR>

<B>/ <b><a href="http://www.behance.com/jameswatling"target="_blank">BEHANCE</a> <BR>

/ <b><a href="mailto:[email protected]">EMAIL</a> <BR>

<a href="#message">/ MESSAGE</a>

[/pl_accordioncontent]

[/pl_accordion]

 

TIA

[tjolin+ 18]

Solved, topic can be deleted.