Mi problema reside en que tengo un panel que deseo mostrar y ocultar con el click de un botón, en una página funciona correctamente pero si entro en otra cualquiera se ejecuta el toggle otra vez sin dar click en un plazo de 1 segundo.
Esto es lo que hace que se muestre si está oculto, pero si estoy en otra página que no sea la principal se muestra y se esconde enseguida, sin saber porque dado que el archivo JS es el mismo.
$('#user-toggle').on('click', function(){
$($(this).data('target')).toggle("fast");
});
#menu-toggle {
margin-right: 15px;
}
header #user-toggle { }
#main-menu, #user-menu {
display: none;
position: fixed;
top: 0;
height: 100vh;
background-color: rgba(41,92,144, 0.85);
padding-top: 10px;
z-index: 9999;
overflow-y: auto;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="col-xs-6">
<button id="user-toggle" class="btn btn-default pull-right" type="button" data-target="#user-menu">
name
<span class="sr-only">Toggle navigation</span>
</button>
</div>
click()
del botón o eltoggle()
del elemento. Los fragmentos que muestras no están completos..click()
, por si se está llamando desde el código.