Помогите разобраться с селекторами jQuery

Сделал простое выпадающее меню на jQuery, при ховере на ссылке, должен выезжать спрятанный див:

<a href="#">
    Link
</a>
<div class="dropdown">
    Content
</div>

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

$(function() {
    $('a').hover(function() {
        $('div').slideToggle(300);
    });
});

И хотел спросить на какое событие лучше повесить исчезновение этого меню?