用于CSS属性的Jquery轻松更改并再次返回

Question

我正在尝试打开左侧幻灯片，这里是代码

jQuery('.right_panel_handle').on('click',function() {
    jQuery('.right_panel').css({'right':'0px'});
    return false;
});

我试图轻松改变点击位置，再次点击它应该返回到它的位置。

需要帮助！

Answer 1

jQuery('.right_panel_handle').on('click',function() {
    var panel = jQuery('.right_panel');
    if (panel.offset().left > $(window).width() - panel.width()){
        panel.css('right', '0px');
    } else {
        panel.css('right', - panel.width() + 'px');
    }
    return false;
});