2014-02-17 30 views
1

我有一個面板,該位置應該點擊按鈕切換。我甚至不能得到一個簡單的動畫留下來工作,沒關係撥動jQuery從右向左滑動不起作用

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

我的想法是動畫right定位爲0%,然後回到-70%的點擊事件

jQuery的

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

腳本似乎工作:http://jsfiddle.net/8E6H5/ –

+0

請鏈接到全部的源(jsfiddle.net等) – pic0

+0

由我愚蠢的錯誤下不capitilized在我的div上,你知道如何切換這個 – user934902

回答

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/