парить, чтобы оживить CSS, парить, возвращаясь к нормальной жизни

Question

http://jsfiddle.net/n8mjtyz0/11/

У меня есть простая анимация с jquery и css. Когда я нахожусь, я хочу, чтобы тексты вокруг span, чтобы оживить. Когда я выхожу, я хочу, чтобы тексты были нормальными к оригинальным.

Кажется, я преуспел в первом наведении, но не могу вывести часть наведения.

$(".mapname").mouseover(function() {
  $(".baseup").animate({
    top: "-0.19em"
  }, function() {
    $(".baseup").anmiate({
      top: "0"
    });
  });
});

.mapname {
  position: fixed;
  font-size: 1.3em;
  top: 10px;
  left: 20px;
}

.baseup {
  position: relative;
  top: 0;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="mapname" id="click">
  G
  <span class="baseshow baseup">eograp</span> hi
  <span class="baseshow baseup">ca</span> l M
  <span class="baseshow baseup">ap</span>
</div>

Answer 1

Вы ошиблись animate как anminate, измените его следующим образом, и он будет работать.

 function() {
    $(".baseup").animate({
    top: "0"
    });
  });
 });