fadein y fadeout con el mismo boton

[koffer]

Soy nuevo en esto del jquery y tengo esta duda que me parece muy sencilla, pero no encuentro como realizarla.

Tengo un texto con un ID y quiero que al tocarlo aparezca un Div y cuando vuelta a tocar el texto ese Div desaparezca.

El codigo que tengo es:

Código HTML:

<div id="footphoto">
                <div class="title">Información dentro del div </div>
                    
                </div>
                
            <footer>
                    
                <div id="clickme">
                    Información
                </div>
            
<script>
    $('#clickme').click(function() {
                    $("#footphoto").toggle(300, function() {
                        
                    });
                    return false;
                });     
 
</script>
 

lo intente con .toggle que efectivamente hace que aparezca y desaparezca el div pero como sui fuera un menu, se mueve de arriba a abajo, lo que quisiera es que el div apareciera ya en su posición y luego con el mismo texto se pudiera ocultar.