jquery - jQuery は、現在のクラスに基づいて前のクラスを非表示にします

Question

これが私がやろうとしていることです。ほとんどの場合、ドロップダウンがあり、カテゴリ (レベル 0) とサブカテゴリ (レベル 1) を表示したいと考えています。サブカテゴリがある場合は、親を非表示にしたい。私はjqueryを使用していますが、必要なことをしていません。

誰でも支援を提供できますか。

<ul class="chzn-results">
        <li style="" class="active-result result-selected" id="cat_chzn_o_0">Select category</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_1">Amphibians</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_2">Arthropods</li>

        <li style="" class="active-result level-1" id="cat_chzn_o_3">&nbsp;&nbsp;&nbsp;Insects</li>

        <li style="" class="active-result level-1" id="cat_chzn_o_4">&nbsp;&nbsp;&nbsp;Scorpions</li>

        <li style="" class="active-result level-1" id="cat_chzn_o_5">&nbsp;&nbsp;&nbsp;Spiders</li>

        <li style="" class="active-result level-1" id="cat_chzn_o_6">&nbsp;&nbsp;&nbsp;Crustaceans</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_7">Birds</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_8">Fish</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_9">Fungi and Lichens</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_10">Mammals</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_11">Mollusks</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_12">Other</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_13">Plants</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_14">Reptiles</li>
    </ul>


jQuery(".chzn-results li.level-1").each(function(index, value) {
    jQuery(this).prevAll().hide();
});