jquery fadein <p>

[bali9]

Hallo,

habe über css-tricks eine Vorlage, um Inhalte ein und wieder Auszufaden. Für News, wo man dann auf "weiterlesen" klicken kann und der Rest des Inhalts eingeblendet wird

Einblenden tue ich mit
$(this).parents("p").children("span.spoiler").fadeIn(1000);

Der zunächst versteckte und später eingeblendete Teil steht einfach in einem span mit der class="spoiler".
Der Inhalt des Span wird auch eingefaded, allerdings werden alle Abschnitte, die in einem <p>..</p> Tag stehen nicht gefaded, sondern sind promt auf 100%.

Weiß jemand woran das liegt und wie man das ändern kann?

[ChrisB]

Hi,

Der zunächst versteckte und später eingeblendete Teil steht einfach in einem span mit der class="spoiler".
Der Inhalt des Span wird auch eingefaded, allerdings werden alle Abschnitte, die in einem <p>..</p> Tag stehen nicht gefaded, sondern sind promt auf 100%.

Soll das heissen, du hast P-Elemente in einem SPAN untergebracht?

Dann hat der Browser diesen Fehler beim Rendern bereits korrigiert, und den SPAN vor dem P geschlossen.

MfG ChrisB

[bali9]

Soll das heissen, du hast P-Elemente in einem SPAN untergebracht?

okay. wenn ich das span durch ein div ersetze klappt es aber gar nicht mehr.

	$(document).ready(function() {  
		  
		$("div.spoiler").hide();  
		  
	  	$('<a class="reveal">Reveal Spoiler &gt;&gt;</a> ').insertBefore('.spoiler');  
	  
		$("a.reveal").click(function(){  
			$("div.spoiler").hide();  
			$("a.reveal").show();  
			$(this).parents("p").children("a.reveal").hide();  
			$(this).parents("p").children("div.spoiler").fadeIn(500);  
			  
		});  
		  
		$("div.spoiler").click(function(){  
			$(this).parents("p").children("div.spoiler").hide();  
			$(this).parents("p").children("a.reveal").fadeIn(500);  
		});  
  
	}); 

hab einfach alle SPAN in DIV geändert. Der Link wird zwar eingefügt, hat aber keinerlei funktion. Das Div wird auf display:none gesetzt. Also scheinen insertBefore und hide zu funktionieren, aber die funktionen über parent.children gehen nicht mehr...

[bali9]

hab einfach alle SPAN in DIV geändert. Der Link wird zwar eingefügt, hat aber keinerlei funktion. Das Div wird auf display:none gesetzt. Also scheinen insertBefore und hide zu funktionieren, aber die funktionen über parent.children gehen nicht mehr...

Problem gelöst:

<p> als Parent durch Div ersetzen.

Danke für die Hilfe!