Javascript 多个类的选择器

在我的web应用程序中，我有用于显示和隐藏窗口的复选框。这是通过在选中复选框时更改元素的类来实现的

到目前为止，我写这篇文章很成功

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

---

问题是，如果元素也有class.typevisible，.fadeIn应该只在class.field上工作，只需更改选择器：

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

---

只有同时具有这两个类的元素才会淡入。我更喜欢原始标题，因为它解释了意图，而不是解决方案。