单击选择器不会触发下拉菜单

Question

我实现了我认为只是在这个jsfiddle之后的二级菜单的简单滑动：http://jsfiddle.net/XUwN5/1/

这是我的JS：

 $(document).ready(function(){
 $('.selector').click(function () {
     $('#secondary-menu').slideToggle(300);
 });
});

HTML（点击这个..）：

<div id="secondary-menu">
[not included html because it's large]
</div>

<div class="selector">
Information
</div>

..应该打开div＆＃39;＃secondary-menu＆＃39;。

忘了CSS，这里是：

#secondary-menu {
height: 40px;
background: #333;
position: relative;
z-index: 5000;
display: none;
}

.selector {
    position: absolute;
    padding:5px;
    left: 50%;
    /*border-radius: 10px;*/
    background-color: maroon;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 5000;
    cursor: pointer;
    }

以下是有关详细信息的页面： https://helloarchie.co/

点击选择器后它不会向下滑动，但不确定JS为何无法正常工作。