hasClass AddClass-Updates basierend auf Hashtag-Update

Question

Ich renne in einem einfachen .hasClass.addClass Konzept. Ich habe ein vollständiges Seitenlayout, das dem Ansichtsfenster meines Mediengeräts entspricht. Beim Scrollen oder Klicken auf das Nav springt es über die Übertragung einer Klasse active zum nächsten entsprechenden Div.

Was ich zu tun hoffe, ist addClass zu der active divs img drin, um eine Animation in die Seite zu übernehmen. Aus irgendeinem Grund funktioniert das einfach nicht für mich. Wie die Klasse active überträgt, wird das IMG nicht damit aktualisiert.

Gedanken?

if ($('.section').hasClass('active')) { 
 
    $('.active img').addClass('slideUp'); 
 
    }

.section { min-height: 200px; background:rgba(0,0,0,0.15); padding: 15px; } 
 
.active img { background:rgba(0,0,0,1);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="section active" id="section0"> 
 
\t \t <img src="http://www.smashbros.com/images/character/kirby/main.png"> 
 
\t </div> 
 
    
 
    \t <div class="section" id="section1"> 
 
\t \t <img src="https://kirby.nintendo.com/planet-robobot/assets/img/home/copy-kirby.png"> 
 
\t </div>

Answer 1

Von Ihrem letzten Kommentar, fügen Sie einfach die slideUp Klasse zur gleichen Zeit, wie Sie die aktive Klasse hinzufügen (im Grunde auf dem Klick-Listener für das nav)