При нажатии на меню раскрываются все элементы, нужен только 1

[steepfox]

Здравствуйте. Имеется выпадающее меню, в котором есть подпункты. При нажатии на один из пунктов раскрывается все меню полностью. Как сделать, чтобы раскрывался только выбранный пункт меню? Будьте добры, помогите.

Код html:
<li>
<a class="dropdown" data-hover="БЫТОВАЯ&#9662">ЭЛЕКТРОНИК� �&#9662</a>
<ul class="v-dropdown">
<li><a href='BITOVAYA-ELEKTRONIKA/Audio-i-video/' data-hover="Аудио и видео">Аудио и видео</a></li>
<li><a href='BITOVAYA-ELEKTRONIKA/Igri-pristavki-i-programmi/' data-hover="Игры, приставки">Игры, приставки</a></li>
<li><a href='BITOVAYA-ELEKTRONIKA/Nastolnie-kompyuteri/' data-hover="Компьютеры">Компьютеры</a></li>
<li><a href='BITOVAYA-ELEKTRONIKA/Noutbuki/' data-hover="Ноутбуки">Ноутбуки</a></li>
<li><a href='BITOVAYA-ELEKTRONIKA/Orgtehnika-i-rashodniki/' data-hover="Оргтехника">Оргтехника</a></li>
<li><a href='BITOVAYA-ELEKTRONIKA/Plansheti-i-elektronnie-knigi/' data-hover="Планшеты">Планшеты</a></li>
<li><a href='BITOVAYA-ELEKTRONIKA/Telefoni/' data-hover="Телефоны">Телефоны</a></li>
<li><a href='BITOVAYA-ELEKTRONIKA/Tovari-dlya-kompyutera/' data-hover="Товары для ПК">Товары для ПК</a></li>
<li><a href='BITOVAYA-ELEKTRONIKA/Fototehnika/' data-hover="Фототехника">Фототехни� �а</a></li>
</ul>
</li>

CSS:
.dropdown {
cursorointer;
}
.v-dropdown {
background: rgba(0,0,0,0.8);
display:none;
}

.v-dropdown li {
list-style:none;
border-bottom:1px solid rgba(0,0,0,0.1);
}

.v-dropdown li a {
color: rgba(255,255,255,0.5) !important;
border-bottom: 1px solid rgba(0,0,0,0.5) !important;
}

$('#flickr').jflickrfeed({
        limit: 5,
        qstrings: {
            id: '52617155@N08'
        },
        itemTemplate: '<li><a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a></li>'
    });
 
    $(".m-hide").click(function () {
        $(".m-header").slideToggle();
    });
 
    $(".dropdown").click(function () {
        $(".v-dropdown").slideToggle();
    });
 
    $('#m-team').flexslider({
        controlsContainer: ".m-team",
        controlNav: true,
        manualControls: ".mt-nav li"
    });
 
    $("a[class^='prettyPhoto']").prettyPhoto({
        theme: 'pp_default'
    });
 
    $("html").niceScroll();
 
    $('.m-hide i').click(function() {
        if($('.m-hide i').hasClass('fa-plus-circle')) {   
$(this).removeClass('fa-plus-circle').addClass('fa-minus-circle');
        }
        
    });
 
});

[рони]

$(".v-dropdown").slideToggle();

$(this).next()

[steepfox]

Не помогает.

[рони]

steepfox,
$(this).next().slideToggle();

[steepfox]

Помогло, спасибо огромное!