Is it possible to have inline collapsibles?

I am trying to accomplish this with CSS

.collapse-text-text.collapsed-text {
  display:inline;
}

legend.collapse-processed {
  line-height: 1em;
}

fieldset.collapsed-text-fieldset {
  border: 0pt none; padding: 0pt; margin: 0pt; display: inline;
}

but the module adds paragraphs/divs to the output, which cause newlines which are impossible to disable/remove.

...</div>
<div class="collapse-text-text collapsed-text">
  <p>paragraph 1</p>
  <p>paragraph 2</p>
</div>
<fieldset class="collapse-text-fieldset collapsed-text-fieldset myclass collapsible collapsed">
  <legend class="collapse-processed" style="line-height: 0.9em;">
    <a href="#">MyLegend</a>
  </legend>
  <div class="fieldset-wrapper" style="display: none;">My collapsed content</div>
</fieldset>
<div class="collapse-text-text collapsed-text" style="display: inline;">...

Comments

pukku’s picture

pukku commented
Status: Active » Closed (won't fix)

Hi! I'm not even sure how that would work with displaying things.

I suppose you could try to play with making the divs inline, but I don't really know what to tell you. The extra divs are added to make it all validate, and also to ensure that the text is displayed in the right order.

I'm sorry that I can't help you, but I don't think this is something that I can change without a lot of things suddenly not working correctly.

Ricky