Problema con jQuery

Buenas. Tengo un problema con jQuery, las funciones que aplico no me funcionan. ¿Alguien sabe dónde puede estar el problema?

http://php.marinagallardo.com/html-css/todotenis/

Gracias.

Lo que sucede es que pretendes que los eventos onclicks de esos elementos se asignen antes de existir en la página. Eso es imposible.

Lo que deberías hacer es hacer la asignación después de que el documento se ha cargado.

Esto lo puedes lograr así:

Código Javascript :

$(document).ready( function () {
  $('#select-two').click(function() {
  $('#two').show('slow', function() {
    // Animation complete.
  });
});

  $('#select-one').click(function() {
  $('#one').show('slow', function() {
    // Animation complete.
  });   
});

  $("#select-one").click(function () {
  $("#two").hide('slow');
});

  $("#select-two").click(function () {
  $("#one").hide('slow');
})
});

Todo codigo Jquery debe ser ejecutado al momento que la pagina esta cargada
<script>$(function(){
//TU CODIGO
});<SCRIPT>

lA RESPUESTA ANTERIOR tambien esta bien