[CSS][Java][JQUERY] Jak odwołąć się w drzewie DOM do innego tagu Opcje

[--alien1983--]

Mam funkcje JQUERY która pokazuje mi i chowa znaczniki <p>
Problem jest taki że nie potrafię dojść do tego jak użyć funkcji "this" aby zlikwidować następujący błąd: poniższa funkcja nie wie do którego art'a się odwołać i odwołuje się do wszystkich. Wydaje mi się, że trzeba by było coś z .parent wykombinować "$(this).parent().parent().parent().next("p").show("normal");" ?

Ogólnie trzeba się cofnąć z przycisku "więcej" <span> i wejść do <p> w tym samym art. Może koś wie jak to zrobić?

[HTML] pobierz, plaintext 
<div class="main"><!-- Content Main -->
			<div><!-- Art #1 -->
				<div>
					<div>
						<div class="imgCnt01"></div>
					</div>
					<div>
						<H1>text</H1>
						<H2>text2</H2>
						<H3>text3</H3>
					</div>
					<div></div>
				</div>
				<div>
					<p>TEST</p>
					<p style="display: none;">TEST 2.</p>
					<p style="display: none;">TEST 3</p>
				</div>
				<div>
						<div>
							text0
						</div>
						<div>
 
						</div>
						<div>
							<span>Wiecej</span>
						</div>
				</div>
			</div><!-- Art #1 -->
			<div><!-- Art #2 -->
				<div>
					<div>
						<div class="imgCnt01"></div>
					</div>
					<div>
						<H1>text</H1>
						<H2>text2</H2>
						<H3>text3</H3>
					</div>
					<div></div>
				</div>
				<div>
					<p>TEST</p>
					<p style="display: none;">TEST2</p>
					<p style="display: none;">TEST3/p>
				</div>
				<div>
						<div>
							text0 
						</div>
						<div>
 
						</div>
						<div>
							<span>Wiecej</span>
						</div>
				</div>
			</div><!-- Art #2 -->
		</div><!-- Content Main -->
[HTML] pobierz, plaintext 

?
}
}
);
}
);
</script>
">
<script type="text/javascript">

$(document).ready(
function()
{
$(".main div").children("span").click(
function()
{



if($(".main > div > div >").next("p").is(':visible')){
$(".main > div > div >").not(this).next("p:visible").hide("normal");
}else{
$(".main > div > div >").next("p").show("normal");
//$(this).parent().parent().parent().next("p").show("normal"); ?
}
}
);
}
);
</script>

[lobopol]

Kod Ci się rozjechał i jest nieczytelny. Ogólnie dodaj sobie jakieś klasy i możesz do cofnięcia użyć parents, a następnie find aby znaleźć p

[jepek]

Wrzuć to na http://jsfiddle.net/ to Ci pomożemy, bo tak to męczarnia straszna.

[--alien1983--]

http://jsfiddle.net/alien1983/t6cRQ/1/

[jepek]

Ale mega burdel. Żeby bawić się strukturą DOM wypadałoby najpierw ją zbudować w należyty sposób. A u Ciebie jeden wielki bajzel. Nie mówiąc o strukturze htmla, to w css też niezłe kombinacje. Postaraj się na początek o porządek w strukturze zanim weźmiesz się za jQuery.

[PrinceOfPersia]

Problem jest taki że nie potrafię dojść do tego jak użyć funkcji "this" aby zlikwidować następujący błąd: poniższa funkcja nie wie do którego art'a się odwołać i odwołuje się do wszystkich

1. nadaj divom odpowiednie klasy CSS.
2. zamiast parent (bez s), użyj funkcji parents: http://api.jquery.com/parents/