Dodanie class - js problem.

[Kabatus]

Witam, mam taki skrypt:

 

 <script>
        jQuery(function($) {
            var targetDistance = 600;
            $(window).scroll(function() {
                var distance = $(window).scrollTop();

                $("#header").toggleClass("visible", distance >= targetDistance);
            });
        });

    </script>

Wszystko śmiga przy takim css:

        #header.visible {
            height: 150px;
            transition: all 1s;
        }

Bez problemu dodaje class visible, kiedy mam samo id (#header) problem jest, że chciałbym aby zmieniło się więcej elementów, a one już mają id + class:

 

A mianowicie:

 

Mam styl:     #header.logo

I chce do tego dodać przez js po zjechaniu w dół klasę .visible - aby razem wyglądało tak  #header.logo.visible

 

Jak to zrobić? Próbowałem tak:

 

$("#header.logo").toggleClass("visible", distance >= targetDistance); - ale to nie działa  Nie znam się na pisaniu js, znalazłem gotowy kod i improwizuje po partyzancku. 

[Sagitario]

Zobacz $("#header .logo").toggleClass("visible", distance >= targetDistance);