jQuery从右向左滑动不起作用答案

【问题标题】：jQuery slide right to left not workingjQuery从右向左滑动不起作用
【发布时间】：2014-02-17 21:28:43
【问题描述】：

我有一个面板，它的位置应该在单击按钮时切换。我什至无法让一个简单的动画继续工作，更不用说切换了

#sideCol { position: absolute; right: -70%; width: 70%; }

我的想法是将right 的定位设置为 0%，然后在点击事件时回到 -70%

jQuery

$('#sidecoltab').click(function() {
    $('#sideCol').animate({ "right": "0%" }, 300);
});

【问题讨论】：

脚本似乎可以工作：jsfiddle.net/8E6H5
链接到完整的源代码。（jsfiddle.net等）
我的愚蠢错误 C 没有在我的 div 上大写，你知道如何切换它

标签： jquery jquery-animate toggle

【解决方案1】：

要切换元素，请使用类：

$('#sidecoltab').click(function() {
    var $elem = $('#sideCol');
    $elem.toggleClass("open"); 
    $elem.animate({"right": $elem.hasClass("open") ? "-70%":"0%" }, 300);
});

JS 小提琴： http://jsfiddle.net/8E6H5/2/

【讨论】：