[shareware]

Значся чего хочется добиться. Есть дропдаун'ы. 1 открыли, другие все закрылись. Нажали вне открытого дропдауна - закрылся.

HTML:

<li class="dropdown-show"><a class="main-menu-item show-drop" data-drop="learn" href="#">Учебник <span class="icon-down-open-mini"></span></a>
                            <ul class="list-unstyled drop-menu" id="learn">
                                <li><a class="drop-item" href="#">Видео лекции и вебинары</a></li>
                                <li><a class="drop-item" href="#">Для чтения</a></li>
                                <li><a class="drop-item" href="#">Онлайн-поддержка</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-show"><a class="main-menu-item show-drop" data-drop="update" href="#">Обновления <span class="icon-down-open-mini"></span></a>
                            <ul class="list-unstyled drop-menu" id="update">
                                <li><a class="drop-item" href="#">Системные</a></li>
                                <li><a class="drop-item" href="#">Обновление по модулям</a></li>
                                <li><a class="drop-item" href="#">Обновление по документам</a></li>
                            </ul>
                        </li>

Открываю нужный мне dropdown вот так:

$('.show-drop').click(function(){
            var id = $(this).data('drop');
            $('#'+id).fadeIn();
        })

Я понимаю, что для закрывания нужно оперировать через $(document) + e.target, но чет допереть не могу, как корректно построить логику. Помогите пж