Duda sobre el manejo de jquery addclass para un div

[juand210]

Buenas,

Estoy intentando hacer lo siguiente

Un div que este a la derechaEscondido y solo se vea una pestaña

Al darle TAP a la pestaña el div deberia salir por completo realizando un traslado a la izquierda.

Tengo lo siguiente.

Código HTML:

var prueba = document.querySelector('#bodyMainmenu');
prueba.addEventListener('gesturedoubletap', function() {
    $( this ).addClass( "bodyMainmenu2", 1000, "easeOutBounce" );
  });

Lo estoy manejando con Jquery UI.

Pues bien , funciona trasladandose de derecha a izquierda agregando estilos de
bodyMainmenu2. El problema es que hasta ahi llega el evento.

Quisiera saber, como hago para que se devuelva el div a su lugar.

No se si me hice explicar.

Lo que quiero es un div que salga de la derecha al darle clic a una pestaña, y se vuelva a ocultar a darle nuevamente Clic..

Por favor, ideas, de como puedo hacerlo =/

Gracias!

[hackjose]

Puedes usar el metodo toggle de jquery, este metodo acepta varios metodos, el primer metodo se ejecuta con el primer click, el segundo con el segundo click y asi sucesivamente.

Si lo quieres hacer con javascript basta con agregar una variable que guarde el estado

Por ejemplo

estado = false;
element.onclick = function()
{
estado = !estado;

if(estado){//es true significa que el div debe estar a la vista}
else{//es false significa que el div debe estar oculto}
}

Salu2