Problemas de "incompatibilidad" de códigos

[javy]

Hola a todos:

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:

$(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;
		});
	});		
});

- Ocultar/Mostrar capas:

Código:

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;
}

Los dos códigos necesitan de la librería "jquery.min.js"...

Y, por desgracia, no estoy muy ducho en javascript...

Gracias a todos y un saludo por su tiempo:

Javy