[SOLUCIONADO] no me muestra el div

[panyy80]

A ver si alguien me puede ayudar a encontrar el fallo, tengo el siguiente codigo que lo que hace es mostrar el div dependiendo del li, me hace todo bien excepto en mostrarme el div, solo me muestra cuando hago click en el primer li, el codigo es el siguiente:

Código HTML:

                                               <nav class="lateral">
							<ul class="subtab">
								<li><a href="#subtab1">Imagenes Slider</a></li>
								<li><a href="#subtab2">Servicios</a></li>
								<li><a href="#subtab3">hola</a></li>
							</ul>
						</nav>
						<div class="contenido-subtab">
							<div id="subtab1">
								imagenes
							</div>
							<div class="subtab2">
								servicios
							</div>
							<div class="subtab3">
								servicios
							</div>
						</div> 

el jquery

Código HTML:

<script type="text/javascript">

$(document).ready(function() {
	$('ul.subtab li:first').addClass('activar');
	$('.contenido-subtab div').hide();
	$('.contenido-subtab div:first').fadeIn('slow');
	$('ul.subtab li').on('click',function(e){
		e.preventDefault();
		$('ul.subtab li').removeClass('activar');
		$(this).addClass('activar');
		$('.contenido-subtab>div').hide();
		var activarTab=$(this).find('a').attr('href');
		$(activarTab).fadeIn('slow'); //esto es lo que no me hace, aunque el activarTab me coge bien el valor del id
		//$(activarTab).height($('#principal').height());
	});

});

</script>