javascript - jQueryで2つの異なる要素から起動する方法

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")
    }
});​