I'm in trouble. I need help please

I'm in trouble. I need help please

Hello. I'm starting in jquery. I need help to correct "hide effect" to image list. When I choose various menu options (shows background image) and I click on another "tab", the default is that images surpass the previous menu and then hide.

Does this have a solution?

jsfiddle: http://jsfiddle.net/hvZHU/34/

css:

  1. .visto_mod {
  2.     margin-top:-19px;
  3.     margin-left:100px;
  4.     position: absolute;   
  5.     background-image: url(http://s2.subirimagenes.com/imagen/previo/thump_8102109vistobueno.png);
  6.     display: block;
  7.     width:10px;
  8.     height:15px;
  9. }

js:

  1. $('ul.modelos > li:first-child').append('<span class="visto_mod"></span>').addClass('active_mod');
  2.         
  3.      $('ul.modelos > li').click(function () {   
  4.      var idBoton    =  $(this).attr('id').substr(14);
  5.      var botSelecc    = $('ul.contenedorMod ul > li > div[id=contMod_'+idBoton+']').css("display","block");
  6.      var botTodo = $('div[id=contMod_'+idBoton+']').closest('ul.contenedorMod').children('li').children('ul').children('li').children('div');      
  7.       
  8.      
  9.        $(this).addClass('active_mod').append('<span class="visto_mod"></span>');    
  10.  
  11.      return false;        
  12.    });