Как сделать чтобы при клике на следующий пункт меню подменю прячется и открывается подменю, пункта меню по которому кликаем?

Question

[stichii]

Добрый день!
Как сделать чтобы при клике на следующий пункт меню, подменю прячется и открывается подменю, пункта меню по которому кликаем? Типа аккордеона.
вот сам скрипт

jQuery(document).ready(function( $ ){
    $(".nav-katalog").find("li:has(ul)").prepend('<div class="drop"></div>');

    $(".nav-katalog div.drop").click(function() {
        if ($(this).nextAll("ul").css('display')=='none') {
            $(this).nextAll("ul").slideToggle(400);
            
            $(this).css({'background-position':"-14px 0"});

        }

        else {
            $(this).nextAll("ul").slideUp(400);
            $(this).css({'background-position':"0 0"});
        }
    });
    $(".nav-katalog").find("ul").slideUp(400).parents("li").children("div.drop").css({'background-position':"0 0"});})

Answer 1

[Андрей]

че народ только не выдумывает...
https://jsfiddle.net/hcu0ruzz/