удалить 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); 
    }); 
}); 

Надеется, что вы можете помочь мне.

С наилучшими пожеланиями, Martin

Answer 1

Просто добавьте callback function на вашем fadeOut() установить непрозрачность обратно до 0,6 после того, как анимация завершена:

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