Hi,
though I am pretty sure that Tony will show his (awesome) javascript solution, here is mine without javascript.
Only put the two css classes "no-question" and "no-bottom" into your "custom.css"
I splitted the question into three parts and ordered like this
Q2a_SQ001-Q2a_SQ005 with css class "no-bottom"
free text for SQ005 with css classes "no-question no-bottom"
Q2b_SQ006 with css classes "no-question no-header no-bottom"
free text for SQ006 with css classes "no-question no-bottom"
Q2b_SQ007 with css class "no-question no-header"
Here these two classes and an additional "no-header" to get rid of the repeating headers.
Code:
.no-question { border-top:0; }
.no-question .question-title-container { display:none; }
.no-question .question-valid-container { display:none; }
.no-bottom{border-bottom:0;margin-bottom:0;}
.no-question .answer-container {
padding-top: 0em;
padding-bottom: 0.5em;
}
.no-header tr.ls-heading { display:none; }
.no-bottom .answer-container {
padding-bottom: 0em;
}
To get rid of the repeated header I used the style
And a conditional text in the subquestions
Joffm
By the way: This feature (merging questions) is included in DenisChenu's theme "skelvanilla"