Expanding and Collapsing table ، كيف ؟؟

انا فهمت انت عايز ايه تقريبا بس انا مش بعرف فى java script اوى

بس ححاول معاك اوصل للنتيجة المطلوبة بطريقة او بأخرى إن شاء الله

دى دالة بتغير حالة الـ display

function toggle(thing){
    var obj=document.getElementById(thing);
    (obj.style.display=="" || obj.style.display=="block")? obj.style.display="none" : obj.style.display='';
	return false;
}

دة تطبيق عليها

<script language='javascript'>
<!--
function toggle(thing){
    var obj=document.getElementById(thing);
    (obj.style.display=="" || obj.style.display=="block")? obj.style.display="none" : obj.style.display='';
        return false;
}

-->
</script>
<a href="#" onclick="return toggle('box');">+</a>
<div id='box' style='display:block'>
can u c me?
</div>

دى معتقدش انها الطريقة الصحيحة لكن اعتقد انها حتنفذلك نفس غرضك إن شاء الله :)

_____

الموضوع منقول الى القسم المناسب

سلام عليكم

شكرا كتير اخي شريف على المساعده

و معلش اتحملني ، الان اين اضع هذه الداله في الجدول ؟؟

شكرا جزيلا

مرحبا مجددا

الدالة تعمل بشكل جيد فهي تخفي كلمة can u see me ? ، لكني اريدها ان تخفي خليه كاملة

حاولت عمل الاتي

<a href="#" onclick="return toggle('box');">+</a>
  	<span style="font-size: 12px" lang="ar-eg">خيارات الأقسام</span></p>
  	</td>
  </tr>
  <tr>
 	 <td valign="middle" bgcolor="#FDD5D5" height="122">
 	 <ul>
    <li>
    <p style="margin-top: 0; margin-bottom: 0">
    <span style="font-size: 12" lang="ar-eg"><a href="add_cat.htm">اضافة 
    قسم</a></span></p>
    </li>
    <li>
    <p style="margin-top: 0; margin-bottom: 0">
    <span style="font-size: 12" lang="ar-eg"><a href="edit_cat.php">
    تعديل قسم</a></span></p>
    </li>
 	 </ul>
 	 <p style="margin-top: 0; margin-bottom: 0"> </p>
 	 <div id="box" style="display:block">
    can u c me? </div>
 	 </td>
  </tr>

كيف يمكنني اخفاء الخلية في الأسفل

شكرا لك

عند الضغط على + بنستدعى الدالة toggle و معاها القيمة box

box هو الـ id بتاع الوسم الى احنا حنخفى محتوياته ( div - span - table - tr ... )

بالتالى انت اضف id=box داخل الوسم tr فى المثال الى انت ذكرته :)