![ישן](https://static.fresh.co.il/images/vBulletin/statusicon/post_old.gif)
05-12-2009, 11:11
|
|
|
חבר מתאריך: 16.09.08
הודעות: 433
|
|
DIV נפתח ונסגר באמצעות JAVA SCRIPT
היי , אני משתמש בקוד שדור נתן לי בדיון ישן שפתחתי פה:
קוד:
<style type='text/css'>
/*<![CDATA[*/
.dropDown li ul,
.dropDown li ul.invisible
{
display:none;
}
.dropDown li ul.visible
{
display:block;
width:200px;
}
/*]]>*/
</style>
</head>
<body>
<div>
<ul class="dropDown" id='dd1'>
<li><a href="#">About Us</a>
<ul>
<li><a href="#">Our Leaders</a></li>
<li><a href="#">Our Staff</a></li>
<li><a href="#">Leadership</a></li>
<li><a href="#">ODP Principles</a></li>
<li><a href="#">By-Laws</a></li>
</ul>
</li>
<li><a href="#">Links</a>
<ul>
<li><a href="#">Caucus</a></li>
<li><a href="#">County</a></li>
<li><a href="#">Democratic</a></li>
<li><a href="#">Government</a></li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript">
var ddMenu = document.getElementById('dd1');
var t = ddMenu.childNodes.length;
for (var i=0; i<t; ++i)
{
ddMenu.childNodes[i].onclick = function() { this.getElementsByTagName('ul')[0].className='visible'; };
ddMenu.childNodes[i].onclick = function() { this.getElementsByTagName('ul')[0].className='invisible'; };
}
</script>
הבעיה שלי היא שהDIV לא נפתח היות ושתי הפעולות עובדות על ONCLICK , אם אני משנה את אחת ל-onmouseover לדוגמא זה עובד , אבל אני רוצה שכאשר ילחצו זה יפתח ובלחיצה שניה זה יסגר , איך עושים זאת
_____________________________________
היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא ![Smile](images/smilies/smile.gif)
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)
גלישה נעימה...
|