Jquery不兼容性

Question

我正在尝试使用css和jquery创建手风琴菜单，css工作正常，但我似乎可以让我的js工作，任何人都可以检查错误吗？

这是css：

#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}

.accordionButton {  
width: 800px;
float: left;
background: #003366;
border-bottom: 1px solid #FFFFFF;
cursor: pointer;
}

.sub-menu { 
width: 800px;
float: left;
background: #95B1CE;
display: none;
}

The Js

$(document).ready(function() {

/********************************************************************************************************************
SIMPLE ACCORDIAN STYLE MENU FUNCTION
********************************************************************************************************************/   
$('class.accordionButton').click(function() {
    $('class.sub-menu').slideUp('normal');  
    $(this).next().slideDown('normal');
});

/********************************************************************************************************************
CLOSES ALL DIVS ON PAGE LOAD
********************************************************************************************************************/   
$("class.sub-menu").hide();

});

这是在wordpress中制作的，我使用代码来获取我的菜单，这里是网站的link。

菜单是第一个链接左侧的菜单