Выдвижное меню JS

Почему скрипт не работает?

<script>
$(document).ready(function(){
  $("activatemenu").click(function(){ 
    $("topmenu").animate({
      height:'10rem'    
    });
  });

</script>

HTML:

<div class="activatemenu">
    <i class="fa fa-bars"></i>
    <p class="mobiletext">Menu</p>
</div>

Блок меню:

<div class="topmenu"></div>

Мне нужно чтобы при нажатии на div.activatemenu размер .topmenu становился 10rem Объясните человеку что только начал изучать JS, заранее благодарен c: