Question

When checking checkbox_01 div1 toggles.

HTML

<div>
    <ul>
       <li><input type="checkbox" id="checkbox_01" /></li>    
        <div id="div1" class="toggle">
            <ul>
                <li><input type="checkbox" id="checkbox_02" /></li>
                <li><input type="checkbox" id="checkbox_03" /></li>
            </ul>
        </div>
    </ul>
</div>

expected output

checkbox01
-checkbox02
-checkbox03

how do I get a level based on the checkboxs?

var x = $(this).prevAll(‘div:has(:checkbox)’).find(‘:checkbox’);

Answer 1

You need to rework your HTML. It is invalid:

<div>
    <ul>
       <li>
            <input type="checkbox" id="checkbox_01" />    
            <div id="div1" class="toggle">
                <ul>
                    <li><input type="checkbox" id="checkbox_02" /></li>
                    <li><input type="checkbox" id="checkbox_03" /></li>
                </ul>
            </div>
        </li>
    </ul>
</div>

Notice your div.toggle is now inside your li. Then, simply toggle it like so:

http://jsfiddle.net/TqV9g/