javascript - 如何使用 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")
    }
});​