Hola actualmente estoy usando magnific-popup para generar popups en mi web. La cosa es que cuando abro un popup quiero que el contenido de un nav no sea mostrado y cuando se cierre que vuelva a mostrarse. He leído la documentación del plugin en su web oficial y buscado información por internet pero no encuentro nada. He usado la API oficial del plugin y no funciona.
Contenido del NAV:
Código:
<nav class="top-nav">
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</nav>
Botón que llama al popup:
Código:
<a href="#register-popup" class="open-popup-link">Call popup</a>
El popup oculto:
Código:
<div id="register-popup" class="white-popup mfp-hide">
<div class="container">
<p>some content</p>
</div>
</div>
Este es el código actual que estoy usando para el Script:
Código:
<script type='text/javascript'>
$('#register-popup').magnificPopup({
callbacks: {
open: function() {
$('.top-nav').hide();
},
close: function() {
$('.top-nav').show();
}
}
});
</script>
Incluso en el callback open he probado por id (evidentemente poniéndole id al nav):
Código:
open: function() {
document.getElementById('test').style.display = 'none';
Dejo la url de la documentación oficial:
http://dimsemenov.com/plugins/magnific-popup/documentation.html#api
Muchas gracias de antemano :) Saludos!!