עזרה עם JS דיוים נפתחים בלחיצה

[Megnum]

שלום, אני לא כלכך מתמצא בג'אווה סקריט ורציתי שעזרו לי לעשות דבר כזה:

למשל יש לי לינק:

קטגוריה ראשית

ובעצם הקטגוריה הראשית היא לינק ושאני ילחץ עליה אז יופיע הדבר הבא:

קטגוריה ראשית
-קטגוריה משנית 1
-קטגוריה משנית 2
-קטגוריה משנית 3

וכו כיצד אני עושה את זה בג'אווה סקריפט??

ממש תודה רבה!

[DvirCohen]

<script type="text/javascript">
function toggle(id)
{
  var div = document.getElementById(id + "_menu");
  div.style.display = (div.style.display == "none") ? "block" : "none";
}
</script>

<div id="main" onclick="toggle(this.id)">
קטגוריה ראשית
<div id="main_menu">
- sub <br />
- sub sub <br />
- sub sub sub
</div>
</div>

לא בדקתי אבל אמור לעבוד

[dor77]

יש לך מושג איך עושים שבהתחלה זה יהיה סוג ורק לאחר לחיצה זה יפתח?

גם לי אין ידע בג'אווה סקריפט, תודה.

[DvirCohen]

סוג? לא הבנתי

[Megnum]

תודה אחי אתה מלך, ואיך שאני לוחץ בפעם השנייה זה יסגר?

בג'אווה רשמת display none אז שיניתי ל inline ובדיב עצמו display none
כך שאם אני לוחץ על הקישור זה יפתח ולא יסגר עכשיו השאלה אם אני ילחץ פעם שנייה זה יסגר?
תודה אחי!

[dor77]

נכתב במקור על ידי DvirCohen

סוג? לא הבנתי

בהתחלה זה יהיה סגור הכוונה.

שרק לאחר לחיצה זה יפתח, ולאחר לחיצה שנייה זה יסגר.

תודה..

[Elad-A]

תוסיף לו ב style את הערך display: none