I got this code from scriptaculos and it toggles display of the
answer
pat then the question part is clicked.
Javascript
========
$(document).ready(function () {
$
('div.faqitem').find('div.answer').hide().end().find('div.question').click(function()
{
$(this).next().slideToggle(); });
});
HTML Code
=========
<div class="faqitem">
<div class="question">
Topic
</div>
<div class="answer">
expansion
</div>
</div>
I am trying to extend the CSS to:
1. give the question part a different colour if the answer is empty
2. avoid expanding the answer section if it is empty.
Any pointers in how to do that?
I am a Javascript newbie and I'd love an example of how to achieve
this without the library just to know how things work. The source of
the page doesn't include any onclick events. The event appears to be
trapped higher up and passed down to the divs.
There is the working page this code comes from
http://yogaredux.meripol.net/node/42
