onclick菜单未触发

Question

我在编码时遇到了一些麻烦。我不知道是什么让我的菜单出了问题。我为任何想看的人准备了JSFiddle here。

菜单上有"Home“、"About”和"Sticky“选项。

-"Home“只是一个链接。

-"About“菜单在点击时工作良好，它会弹出菜单。当用户单击文档上的任意位置时，drop hides。点击它也会丢弃和隐藏菜单。

-"Sticky“是出现问题的地方，它的工作方式和功能应该与"About”菜单下拉相同。但当点击时，根本不会发生下落。

谁能指出问题出在哪里？是什么阻止了它的触发？

**这是我使用的代码-

$(document).ready( function(){
$('#trigger').click( function(event){
    event.stopPropagation();
    $('#drop').toggle();
});
$(document).click( function(){
    $('#drop').hide();
}); });

Answer 1

ID只能使用一次。改为使用类，就像在$('.drop',this).toggle();中一样

See my working JSFiddle