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

希望你能帮帮我。

最好的问候， 马丁

Answer 1

只需添加一个 callback function在您的 fadeOut() 上，在动画完成后将不透明度设置回 0.6:

$('.toggle_hide').not($this.next("div")).fadeOut(300, function() { 
    $this.css({opacity:'0.6'});
});