<html><head></head><body><div style="font-family: Verdana;font-size: 12.0px;"><div>Hi Thomas + Seaside list,</div>

<div>&nbsp;</div>

<div>I implemented an accordion widget in bootstrap project. One can use a block or</div>

<div>a seaside component for the items of the accordion.</div>

<div>&nbsp;</div>

<div>&nbsp; &nbsp; accordion := TBSAccordion new.<br/>
&nbsp;&nbsp; &nbsp;accordion&nbsp;<br/>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;add: [:html &#124; html text: &#39;Some content&#39; ] title: &#39;A block&#39;;<br/>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;add: [:html &#124; html text: &#39;Some more content&#39; ] title: &#39;Item 2&#39;;<br/>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;add: WACounter new title: &#39;A component&#39;.</div>

<div>&nbsp;</div>

<div>If required it is possible to do own custom rendering by providing a subclass of</div>

<div>TBSAccordionItem and adding this to the accordion using #addItem:</div>

<div>instead of using #add:title:</div>

<div>&nbsp;</div>

<div>A demo is online:</div>

<div>&nbsp;</div>

<div><span style="line-height: 1.6em;">&nbsp; http://pharo.pharocloud.com/bootstrap/browser/Accordion</span></div>

<div>&nbsp;</div>

<div>Just update the code to the latest version or grab the latest image from PharoLauncher or CI</div>

<div>(https://ci.inria.fr/pharo-contribution/job/Bootstrap/)</div>

<div><br/>
<span style="line-height: 19.2000007629395px;">Hope this helps getting started or use as a template for own experiments.</span></div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>Thx</div>

<div>T.&nbsp;</div>

<div>&nbsp;</div></div></body></html>