Estoy usando dos códigos de Javascript: uno para el típico botón de "Subir" y otro para mostrar/ocultar capas.
El problema es que si pongo los dos en la misma página, se "pegan" entre ellos... y necesito ayuda para solucionarlo.
Por ejemplo, el botón de "Subir", que debería estar oculto hasta hacer scroll a la página se vé desde el principio y no funciona al clicar sobre él...
Los códigos son estos:
- Botón "Subir":
Código:
- Ocultar/Mostrar capas:$(document).ready(function() { // BOTON OCULTO $("#botontop").hide(); // DESVANECER COLOR $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 200) { $('#botontop').fadeIn(); } else { $('#botontop').fadeOut(); } }); // SCROLL DEL BODY A 0PX AL CLICKAR $('#botontop a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); });
Código:
Los dos códigos necesitan de la librería "jquery.min.js"...function mostrarUno(){ var ver = document.getElementById('ocultoUno'); ver.className="mostrar"; //classList.add AÑADE LA CLASE INDICADA //classList.remove QUITA LA CLASE INDICADA var esconder = document.getElementById('ocultoDos'); esconder.className="ocultar"; return false; } function mostrarDos(){ var ver = document.getElementById('ocultoDos'); ver.className="mostrar"; var esconder = document.getElementById('ocultoUno'); esconder.className="ocultar"; return false; } function mostrarTodo(){ var ver = document.getElementById('ocultoUno'); ver.className="mostrar"; var ver = document.getElementById('ocultoDos'); ver.className="mostrar"; return false; }
Y, por desgracia, no estoy muy ducho en javascript...
Gracias a todos y un saludo por su tiempo:
Javy