jquery - toggleClass在基础上不起作用

我在使用Zurb基础的页面的CSS页面上拥有此类。

.brandingOpen{
height:2044px;

}

我有一个ID为的按钮
#zoomBranding，到目前为止，我已经尝试了此操作，但完全没有结果。

$("zoomBranding").click(function(){

$("#branding").toggleClass("brandingOpen");


}
);

根本不起作用，如果我发出警报，则效果很好，但toggleClass却不行。

到目前为止，我已经尝试了此方法，但结果只有一次：

$(document).ready(function(){
$("#zoomBranding").click(function(){

    $(this).toggleClass( function(){
    $("#branding").css("height", "2044px");
    $(this).addClass("fi-zoom-out");
    $(this).click( function(){
        $("#branding").css("height", "1044px");

    });

    }
    );


}
);
}
);

我无法在#branding中使用类，即使使用.addClass也不能使用，所以如果有人知道我在做什么错，请帮助我。

使用Foundation 4附带的查询版本，甚至尝试将jquery-migrate放在所有内容的顶部，是相同的结果。

这是#branding的CSS。

#branding{
height:1044px;
overflow:hidden;
 -webkit-transition: height 0.5s linear;
  -moz-transition: height 0.5s linear;
  transition: height 0.5s linear;


}

.brandingOpen{
    height:2044px;
}

最佳答案

最终经过一番研究后，由于某种奇怪的原因，基金会将不会在id #branding上使用toggleClass，而是创建了一个类，然后我将单击事件的e放到函数中正在工作，这是代码

$("#zoomBranding").click(function(e){
    e.preventDefault();
    $(".closedNow").toggleClass("brandingOpen");
    $(this).toggleClass("fi-zoom-out");


}
);