jQuery – .fadeout bei Klick auf anderen Link?

[Jan-Frederik Stieler]

Hallo,
ich lade per Ajax Inhalt in ein Div wenn ein Link in einer UL [$('#tiles li a')] geklickt wird.
Dieser Inhalt wird eingefadet, aber wie bekomme ich das wieder ausgefadet wenn ich einen anderen Link dieser UL klicke?

$('#tiles li a').click(function()
	{
		var ajaxContent = $('#ajaxcontent');
		var pageToLoad = $(this).attr('href'),
			pageContent;
		var ajaxPlaceholder = $('div', ajaxContent); 
			
				
		$.get(pageToLoad, function(data)
		{
			pageContent=data;
			
			ajaxContent.slideDown('slow', function()
			{
				ajaxPlaceholder.html(function() {
  					return $(pageContent).hide().fadeIn('slow');
				});
	
			});

		}, 'html');		
		return false;
});

Viele Grüße

 

[erik s.]

Hi,

willst du nur beim Klick auf einen anderen Link den Content wieder ausblenden oder beim Klick auf irgendeinen Link?

 

[chmee]

Überprüfe, ob Dein div leer ist. Wenn nicht, dann führe vor dem Einblenden den fadeOut durch und lösche den Inhalt.

pageContent = $('#divID');

if(!pageContent.is(":empty"))
   {alert("is not empty");}

http://jsfiddle.net/n6fLf/
bzw.
http://jsfiddle.net/n6fLf/2/

mfg chmee