jquery probleem

Maar, de height wordt toch automatisch opgebouwd doordat hij omhoog 'slide' zoek je niet iets anders? Misschien .fadeIn() of .toggle().

Wat je gebruikt is trouwens JQuery en niet JQuery-UI.

$('#content').show('slide', {direction: 'left'}, 1000 ,hideLoader());

de code .show is van JQUERY 'slide', {direction: 'left'}, is van JQuery-UI want zonder JQuery-UI doet die het niet :$
maar anyways hij komt van rechts inschuiven niet van boven.

Hoe wordt #content gevuld? Als dit middels bv .get() is bestaat de mogelijkheid dat de op te halen gegevens nog niet volledig eladen zijn. Hierdoor is de hoogte van de #content nog niet bekend. Dit is echter niet te achterhalen aan alleen 1 regeltje javascript.

	$(document).ready(function() {
						   
	var hash = window.location.hash.substr(1);
	var href = $('#nav li a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html #content';
			$('#content').load(toLoad)
		}											
	});

	$('#nav li a').click(function(){
								  
		var toLoad = $(this).attr('href')+' #content';
		$('#content').hide('slide', {direction: 'left'}, 1000 ,loadContent);
		$('#load').remove();
		$('#wrapper').append('<span id="load">LOADING...</span>');
		$('#load').hide('fast');
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
		function loadContent() {
			$('#content').load(toLoad,'',showNewContent());
		}
		function showNewContent() {
			$('#content').show('slide', {direction: 'right'}, 5000 ,hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('fast');
		}
		return false;
		
	});

});

Dit is de hele javascript code

[size=xsmall]Toevoeging op 30/10/2011 08:46:54:[/size]

Laat maar ik heb het al opgelost.

ik heb het nu met een animate code gedaan en nu werkt het wel :D

function showNewContent() {
			$('#content').animate({left:'-=800'}, 500 ,hideLoader());
		}

groetjes ;)