Zwijana lista kategorii WordPress #javascript

Cześć Mirki!

Robię w Wordpressie zwijaną listę kategorii + checkboxy do filtrowania postów.

Zainstalowałem wtyczkę Search & Filter oraz pogrupowałem kategorię.

Z htmla wygląda to tak:

<aside id="sidebar" class="sidebar">
    <div class="sidebar-content">
        <section id="text-3" class="widget widget_text">
            <div class="widget-title">Przykład nr 2</div>
            <div class="textwidget">
            <ul>
                        <li class="sf-field-category" data-sf-field-name="_sft_category" data-sf-field-type="category" data-sf-field-input-type="checkbox" data-sf-term-rewrite="["https:\/\/ducatus.org\/category\/[0]\/","https:\/\/ducatus.org\/category\/[0]\/[1]\/","https:\/\/ducatus.org\/category\/[0]\/[1]\/[2]\/","https:\/\/ducatus.org\/category\/[0]\/[1]\/[2]\/[3]\/"]">
                            <ul id="MainMenu" data-operator="and" class="">

                                <li class="sf-level-0 sf-item-1" data-sf-count="0" data-sf-depth="0"><input class="sf-input-checkbox" type="checkbox" value="bez-kategorii" name="_sft_category[]" id="sf-input-34a414f743dd370f2e1f1938d6493244"><label class="sf-label-checkbox" for="sf-input-34a414f743dd370f2e1f1938d6493244">Bez kategorii</label></li>
                                <li class="sf-level-0 sf-item-47" data-sf-count="1" data-sf-depth="0"><input class="sf-input-checkbox" type="checkbox" value="timeline" name="_sft_category[]" id="sf-input-7aba07c8d1fbb2346833e4ca738ccf52"><label class="sf-label-checkbox" for="sf-input-7aba07c8d1fbb2346833e4ca738ccf52">Timeline</label>
                                    <ul class="children">
                                        <li class="sf-level-1 sf-item-48" data-sf-count="3" data-sf-depth="1"><input class="sf-input-checkbox" type="checkbox" value="prehistory-and-antique" name="_sft_category[]" id="sf-input-84fc4badfee71fdd0a249930c75e60f6"><label class="sf-label-checkbox" for="sf-input-84fc4badfee71fdd0a249930c75e60f6">Prehistory and antique</label>
                                            <ul class="children">
                                                <li class="sf-level-2 sf-item-49" data-sf-count="2" data-sf-depth="2"><input class="sf-input-checkbox" type="checkbox" value="prehistory" name="_sft_category[]" id="sf-input-ff5ee06faa29bb2ae69f766371bbaa93"><label class="sf-label-checkbox" for="sf-input-ff5ee06faa29bb2ae69f766371bbaa93">Prehistory</label></li>
                                                <li class="sf-level-2 sf-item-50" data-sf-count="1" data-sf-depth="2"><input class="sf-input-checkbox" type="checkbox" value="bronze-age" name="_sft_category[]" id="sf-input-1760d2e76ed15d69194d585bb06f8f4e"><label class="sf-label-checkbox" for="sf-input-1760d2e76ed15d69194d585bb06f8f4e">Bronze age</label></li>
                                            </ul>
                                    </ul>
                                    </li>
                            </ul>
                            </li>
                    </ul>
                </form>
            </div>
        </section>
    </div>
</aside>

Dodałem JS
 
   <
$('#MainMenu').find('> li').click(function() {
    $('#MainMenu > li').not(this).find('ul').slideUp();
    $(this).find('ul').stop(true, true).slideToggle(400);
    return false;
});

</

i niestety problemem jest to, że zwija mi wszystkie kategorie. Jak zrobić, żeby zwijało poszczególne podkategorie?

Dzięki za pomoc!