jquery - クリック時にjquery cssを削除

Question

サイトに画像があり、それをクリックするたびに、4 つのリンクを含むボックスがスライドして開きます。画像は不透明度 0.6 から始まり、クリックしてボックスを開くと不透明度 1 になります。ただし、ボックスを閉じると不透明度が 0.6 に戻るようにしたいと思います。

私のコードは次のとおりです。

jQuery(document).ready(function() {
    jQuery('.toggle_hide').hide();
    jQuery(".moduletable span").css('cursor', 'pointer').click(function() {
        var $this = $(this);
        $this.css({
            opacity: '1'
        });         
        $('.toggle_hide').not($this.next("div")).fadeOut(300);
        $this.next("div").slideToggle(300);
    });
});

あなたが私を助けてくれることを願っています。

よろしく、マーティン