KSS Opener: Controller

There was a discussion with Geir and Alex regarding the non-semantic example. Newer post addresses the issue with semantic KSS Opener albeit with a bit of complexity more:

In the case you need your opener controller to be inserted into specific place, you can use pair of controllerPlacementSelector parameters:

dl:opener-init{
  evt-init-elementSelector: '> dd';
  evt-init-controllerPlacementSelector: '> dt';
}

if the above sample is applied to following HTML code:

<dl>
  <dt>History</dt>
  <dd>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum
    iaculis eros eu purus. Integer accumsan leo id lorem viverra vulputate.
    Donec feugiat nunc molestie massa nonummy pulvinar. Proin porta pede
    sit amet lectus. Duis leo urna, tempor non, condimentum condimentum,
    commodo non, libero. Integer feugiat, pede at.
  </dd>
</dl>

And the result is:

If you do not see a flash movie above, see original post.

The whole definition list has opener assigned. Controller (clickable handle) is inserted into <dt> element, not in root of list (that can confuse some browsers). This is why I avoided dl/dt/dd example in my introduction post.