如何使用jQuery从两个不同的元素启动

Question

我有一个操作开始元素.oven_program_01，单击此元素后启动了类.oven_panel的面板。

我有另一个元素.back_button关闭此面板。

当我再次打开面板时，我无法关闭它。显示不会改变。

这是我的剧本：

开幕式：

$('.oven_program_01').live('click', function() {
    $('.back_button').addClass('oven_panel_close_button');
    $('.oven_panel').fadeIn(300);
});​

结束行动：

$('.back_button').click(function() {
    if ($(this).hasClass("oven_panel_close_button")) {
        $('.oven_panel').fadeOut(300);
        $('.back_button').removeClass("oven_panel_close_button")
    }
    else {
        $(this).addClass("oven_panel_close_button")
    }
});​