javascript - 如何在 .keypress(); 中的两个函数之间切换？

Question

这是我的网站:http://mttdn.com/dev/

如果你点击右上角的灯开关按钮，你会看到一个隐藏的div从右边滑进来。再次单击该按钮，它会向后滑动。我希望能够在按下“P”键时执行相同的操作。我能够设置 .keypress();，如果您单击“P”，您可以看到它，但是，正如您还将看到的，使用我为 .click(); 所做的相同代码，div 滑入，然后立即滑出。我想弄清楚如何使用 .toggle();结合 .keypress();这样就不会发生这种情况。

这是我的代码:

$(document).ready(function(){
    var previewopen = $(".codepreview");

    $(document).keypress(function(event){
        if (event.which == 112){
            previewopen.animate({left:"-=50%",},'normal');
            previewopen.animate({left:"+=50%",},'normal');
        }
    });
});

我只是希望能够单击“P”，让 div 滑出并停止，然后再次单击“P”使其滑回。完成此任务的最佳方法是什么？任何帮助是极大的赞赏!谢谢!

Answer 1

点击事件似乎工作正常。为什么不在按键上触发它？类似的东西:

$(document).ready(function(){
    $(document).keypress(function(event){
        if (event.which == 112){
            $('.lightswitch').trigger('click');
        }
    });
});