> -----Original Message-----
> From: Karl Swedberg [mailto:[EMAIL PROTECTED] 

> It's showing the very next div, and then hiding any other 
> sibling div that does not have a checked input.  I must be 
> misunderstanding something. In the html snippet you provided, 
> you had one checkbox per div.details and one div.details per 
> h3. Will there be multiple checkboxes inside a div.details? 
> Will there be multiple div.details following each h3? If so, 
> that could change the equation.

Karl - sorry the example HTML wasn't clear - it's ColdFusion and is
dynamically generating the list...  So yes - I'll have only ONE H3 per
.details, and then MULTIPLE checkboxes per .details!!

It DOES work in that it won't collapse if there is a checkbox checked.
I just need to hide the unchecked ones.  Then I'm thinking I could add
an element at the bottom of the list that says "Show unchecked items" or
something... or maybe a global 'show all' which I sort of have working
already.

Here is an example of the actual rendered HTML from ColdFusion:
===================================================
<div class="topiclist">
        <h3 class="right">Disease or Condition</h3>
        <div class="details">
                        <div>
                        <label class="label" for="topic_1"><input
type="checkbox" value="1" name="topic_1" id="topic_1">
                        Acute lung injury</label></div>
                        <div>
                        <label class="label" for="topic_2"><input
type="checkbox" value="2" name="topic_2" id="topic_2">
                        ADHD</label></div>
                        <div>
                        <label class="label" for="topic_3"><input
type="checkbox" value="3" name="topic_3" id="topic_3">
                        Agricultural workers' diseases</label></div>
        </div>
        <h3 class="right">Major Scientific Discipline</h3>
        <div class="details">
                        <div>
                        <label class="label" for="topic_59"><input
type="checkbox" value="59" name="topic_59" id="topic_59">
                        Applied mathematics</label></div>
                        <div>
                        <label class="label" for="topic_60"><input
type="checkbox" value="60" name="topic_60" id="topic_60">
                        Biochemistry</label></div>
                        <div>
                        <label class="label" for="topic_61"><input
type="checkbox" value="61" name="topic_61" id="topic_61">
                        Biophysics</label></div>
        </div>
</div> 

Thanks so much for the assistance!!!!!!!

Jim

Reply via email to