Селектор для более чем одного класса

Question

В моем веб-приложении у меня есть флажки для показа и скрытия окон. Это делается путем изменения класса элементов при проверке флажка.

До сих пор я писал это с успехами.

  $(document).ready(function(){ 
       $('#field').change(function(){ 
        if(this.checked) { 
         $('.field').fadeIn('slow'); 
         $('.field').addClass('areavisible'); 
        } 
        else { 
         $('.field').fadeOut('slow'); 
         $('.field').removeClass('areavisible'); 
        } 
       }); 
      }); 

Проблема заключается в том, что .fadeIn должен работать только на классе .Field, если элемент имеет класс .typevisible

Answer 1

Просто измените селектор:

$('.field.typevisible').fadeIn('slow'); 

Только элементы, имеющие оба класса будет исчезать.