Using UL/LI in FAQ pages

Hello,

Based on this page :
http://demo.gavick.com/joomla25/cloudho ... ns-answers

I do this on my site :

Code: Select all

<h3>Question ?</h3>
<p>Answer</p>

<h3>Question ?</h3>
<p>Answer</p>

This work perfectly, great.

But, if I add a <ul><li> the bullets are never hide.

Code: Select all

<h3>Question ?</h3>
<p>Answer</p>

<h3>Question ?</h3>
<p>Intro answer:
 <ul>
  <li>step 1</li>
  <li>step 2</li>
 </ul>
</p>

<h3>Question ?</h3>
<p>Answer</p>

Is there a solution ?

- Rick -

Could You please post an url to your site?

Sure :
http://www.myjoom.com/index.php/demo-myjoom/text

The question 2 is the second code sample.

Rick

It was never designed to work with anything else than a single paragraph, but you can fix that fast.
1. Please edit: /templates/gk_cloudhost/css/override.css and add at its end:

Code: Select all

.faq h3 + div {
display: none;
}
.faq h3.active + div {
display: block;
}


Remember to enable "CSS override" in template settings - advanced section.

2. Wrap your entire answer with 'div' element, so it looks this way:

Code: Select all

<h3>Question ?</h3>
<div>
 <p>Intro answer:</p>
 <ul>
  <li>step 1</li>
  <li>step 2</li>
 </ul>
</div>


The problem can be seen because you can't insert ul or ol inside p element - browser will close paragraph before opening ul/ol automatically (it can be seen in chrome dev tools).

Work perfectly, thanks for your help !



// Rick

If You will have any other questions, feel free to post new forum threads - it allows us to answer you faster.