function display()
{
document.getElementById("p1").style.display="none";
}
function visibility()
{
document.getElementById("p2").style.visibility="hidden";
}

for($i=0;$i<5;$i++)
echo "	
	<p id='p1'>text.</p>
	<p id='p2'>text.</p>
	<input type='button' onclick='display()'/>
	<input type='button' onclick='visibility()'/>
";

הקוד הזה ידפיס 5 פעמים את אותו DIV ועל אף השימוש בID ייחודי, הפונקציה תפעל רק על הראשון שהודפס.
אני רוצה שהפונקציה תדע לזהות מהו הID שבאמת מתאים ללחיצה.

בגדול נגיד ואתה יודע במרחק כמה אובייקטים הDIV הזה מהDIV עם הכפתור.
או לדוגמה שאתה יודע שהוא הרביעי במשהו כגון זה:
<div id = "start">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>

עכשיו אתה עושה בJS

hideDiv(elem)
{
mainDiv = elem.parentNode;
hideDiv = mainDiv.getElementsByTagName("div");
hideDiv.style.visibility = "hidden";
}

משהו בסגנון הזה.
קודם כל עוברים מן האובייקט ששלחנו אל הדיב המורחב ובתוכו נמצא את הDIV על ידי איסוף כלל האלמנטים ע"י סוג האלמנט.

אפשר גם פשוט לעבור אלמנט אחד אחד עד שיהיה אחד שהינו DIV ולהעלימו.

כאשר מצאת את ההורה יש פונקציה בJS שמוצא אובייקט לפי פרמטרים כלשהם.
יש getElementById ואז נמצא אחד בודד.
יש getElementsByTagName ואז נמצא את כלל האלמנטים שהם בעלי הTAG הנ"ל זה אומר כלל האלמנטים מסוג לדוגמה Div או מסוג img.

כאשר אתה מצאת את אלמנט האב ועושה fatherElem.getElementsByTagName בעצם אתה מוצא תחת אותו אלמנט אב את כלל האלמנטים שהם מסוג DIV.

בגלל שלא כמו ID יש אפשרות לכמה אובייקטים במרחב הזה בעלי הTAG הקרוי DIV, מה שנקבל זה מערך שכל תא במערך זהו אחד האלמנטים הנ"ל.

מכיוון ובמקרה שאתה תיארת יש רק אלמנט אחד מסוג זה, אנו יודעים שצריך לפנות לתא הראשון במערך וזהו 0.

לאחר מכן אתה ניגש אליו להחביא אותו, יש לו Attribute בשם visibility שזה נראות, נמצא תחת Style וזה בעצם העיצוב של האובייקט כפי שנעשה בCSS אלא שכעת זה בעזרת JS.

אתה משנה ערך זה לHidden או None ובכך מסתיר את האובייקט.

function showDiv(elem)
{
mainDiv = elem.parentNode;
hideDiv = mainDiv.getElementsByTagName("div");
hideDiv.style.visibility = "visible";
}
function hide(obj)
{
    obj.style.visibility = "hidden";
}

ועשיתי מן לולאה כזאת, רק לבדיקה:

<?php 
for($i=0;$i<5;$i++)
echo "	
<div onclick='showDiv(this);'>click here</div>
	<div id = 'div' onclick='hide(this)'> Clickkk!</div>
</div>

";
?>	

ברגע שהשתמשתי בפונקציות בלי לולאה, עבד יופי, ברגע שהכנסתי ללולאה, כלום כבר לא עבד.

לא מסובך להביא כמה DIVים...ולהסביר קצת...

	$tableName = db_perfix . '_' . 'forum_topics_info';
	
	$query = mysql_query("SELECT * FROM $tableName WHERE topic_parent = '0' order by topic_id DESC")
	
		or die (mysql_error());
		
	echo "<a href = 'index.php?page=new_massage&type=top&topic=0'>| New Topic |</a><br><br>";	
		
	while($row = mysql_fetch_array($query))
	{	
		
		echo "<div class = 'forum_sub'>";
		
		echo " + </a>",$row,"<a href = 'index.php?page=forum&type=top&topic=",$row,"sub=",$row,"'>| Response |</a>";	
		
		echo "	<div id='forum_content' class='hidden'>",$row,"</div>";
		
		echo "</div>";
		
		$result = findChilds($row);
		
	}

כפי שאפשר לראות הקוד פה ב50% עבודה בקושי, כשנתקלתי בקושי הזה, לא התחשק לי להמשיך.
אבל בעיקרון הפונקציה בפנים יוצרת שרשור של הפורום ומדפיסה הודעות המורכבות מכותרת + הודעה, כמו בקוד פה, רק שפה זה כותרת ראשית של נושא.

יש פה: forum_sub ו forum_content.
אני מעוניין שבטעינת העמוד, יראו רק את ה forum_sub לפי הסדר, ואפשר יהיה ללחוץ על הכותרת וייפתח ה forum_content המתאים.
הכלל הזה תקף גם להודעות שבתוך הפונקציה, אך זה לא רלוונטי כרגע, כי הם עובדות בדיוק על אותו עיקרון.

תודה רבה על תשומת הלב והעזרה