jQuery从右向左滑动不起作用

Question

我有一个面板，该位置应该在按钮点击时切换。我甚至无法让一个简单的动画留下工作，永远不要打开切换

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

我的想法是将right定位设为0％，然后在点击事件中返回-70％

的jQuery

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

Answer 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/