jquery - 2 回目のクリック (function()) 後に最初のクリック (function()) から属性を削除する際の問題

Question

紳士淑女の皆様、

2 番目のクリック関数が発生した後に、最初のクリック関数から属性を削除する方法を見つけようとしているのは、ちょっとした問題です。

<script type="text/javascript">
$(document).ready(function(){

$('.description').hide();

$('.open').click(function(){
    $(this).attr('id', 'active');  
    $('.description').hide(); 
    var section = $(this).attr('rel');
    $(section).slideToggle('fast');
});

$('.close').click(function(){
    $(this).parents('.description').slideUp('fast'); 
    $('.open').removeAttr('id', 'active');   
});
});
</script>

これが意味することは、非表示の DIV に閉じるボタンがあり、クリックすると適切に機能する (つまり、.open クラスから属性を削除する) 場合、それが機能するのがわからないということです。非表示の DIV は、次のクリック機能をクリックして閉じます。

私はおそらく自分自身をうまく説明していないので、例は簡単です:

機能の問題はこちらをクリック

最初の 2 つのメニュー項目 (Cashier と Deli) の DIV しか作成していないので、これらの 2 つの例を使用します。キャッシャー項目をクリックすると、非表示の DIV が表示され、その DIV (右揃え) で "CLOSE" を押すと、最初のメニュー項目でアクティブな状態が消えます。偉大な。それはうまくいきます。

しかし、「閉じる」リンクではなく、次のメニュー項目 (デリ) をクリックして非表示の DIV を閉じることにした場合、キャッシャーとデリの両方のメニュー項目がアクティブなままになります。繰り返しますが、私の質問は、2番目のメニュー項目で2番目のクリック機能が発生したときに、どうにかしてそれを削除できるかどうかです.

よろしくお願いします！