Necesito agregar un efecto a un botón en mi html, que al posicionar el cursor se desplieguen otros dos botones hacia arriba con su animación y cuando retire el cursor, se vuelvan a esconder.
Sé que con las funciones de jQuery mouseenter() y mouseleave() se puede lograr. También se puede lograr con Materialize (ejemplo abajo). ¿Cuáles son los scripts necesarios para que funcione? (Abajo dejo la librería)
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
<a class="btn-floating btn-large red">
<i class="large material-icons">mode_edit</i>
</a>
<ul>
<li><a class="btn-floating red"><i class="material-icons">insert_chart</i></a></li>
<li><a class="btn-floating yellow darken-1"><i class="material-icons">format_quote</i></a></li>
<li><a class="btn-floating green"><i class="material-icons">publish</i></a></li>
<li><a class="btn-floating blue"><i class="material-icons">attach_file</i></a></li>
</ul>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
agregar un efecto a un botón en mi html
y tu ejemplo lo contesta