I am having trouble figuring out how to move the class .inner separately in the USPs! Can someone please explain how this can be achieved?
Any suggestions on how to solve this issue?
HTML
<div class="usps">
<div class="dienst">
<div class="inside">
<div class="inner">
<h2>Roofing</h2>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, labore.</div>
</div>
</div>
<div class="bottom"></div>
</div>
</div>
<div class="usps">
<div class="dienst">
<div class="inside">
<div class="inner">
<h2>Roofing</h2>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, labore.</div>
</div>
</div>
<div class="bottom"></div>
</div>
</div>
jQuery
$('.usps').hover(function(){
$('.inner').toggleClass('up');
$('.bottom').toggleClass('red');
});